jqGrid: фиксированная строка

Question

Можно ли установить строку в фиксированном положении? Например, у нас есть итоговая строка, и мы всегда хотим, чтобы итоговая сумма была сверху, после сортировки и т. Д.

Есть ли для этого плагин?

Мы попытались сделать это в onLoadComplete, перерисовав всю таблицу следующим образом:

var rowIDs = $(this).getDataIDs();
var rowID, columnID;
$(this).clearGridData(); 
for (rowID in rowIDs) {
  for (columnID in data.rows[rowID]) {
    $(this).addRowData(rowIDs[rowID], data.rows[rowID], (data.rows[rowID][columnID].first ? 'first' : null));
    break; // Only do this for the first column
  }
}

но это плохо сказывается на производительности, у нас тысячи строк.

после комментария Олега:

Общая строка - это всего лишь строка из нашего набора данных. Набор данных имеет следующий формат:

Столбцы: «Сеть», «Клики», «Просмотры»

data = [
  {
    'Network': {value:'Google'}, 'Clicks': {value:38392882}, 'Views':{value:3939922}
  },
  {
    'Network': {value:'Sanoma'}, 'Clicks': {value:177883}, 'Views':{value:39293}
  },
  ...
  ,
  {
    'Network': {value:'Total'}, 'Clicks': {value:993832732223}, 'Views':{value:3932293939}, 'first': true
  },
  ...

]
}

Таким образом, мы устанавливаем в нашем datarow, какую строку мы хотим иметь сверху ('first': true).

При обработке мы используем это, чтобы установить в верхней части таблицы. Надеюсь, это более понятно:)

Заранее спасибо,

Eddy

Answer 1

Нижний колонтитул помещается в div с классом "ui-jqgrid-sdiv", и он обычно размещается ниже div с классом "ui-jqgrid-bdiv", где размещаются основные сетки.Таким образом, чтобы переместить нижний колонтитул в верхней части страницы, вам нужно переместить div нижнего колонтитула.Кроме того, вы должны разместить нижнюю границу в стиле, который вам нужен.Код может выглядеть следующим образом:

$('div.ui-jqgrid-sdiv').css({
    "border-bottom-style":"solid",
    "border-bottom-color":"#a6c9e2",
    "border-bottom-width":"2px"
}).insertBefore($('div.ui-jqgrid-bdiv'));

в результате вы получите

См. Демо-версию здесь .