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
  }
}

但这对性能不利，我们有数千行。

在Oleg的评论之后

。

总行只是我们数据集的一行。数据集具有以下格式：

列：'网络'，'点击'，'观看'

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
  },
  ...

]
}

所以我们在数据行中设置我们想要在哪一行（'first'：true）。

通过处理，我们使用它来设置在表的顶部。希望这更容易理解：）

提前致谢，

涡流

Answer 1

页脚放置在带有“ui-jqgrid-sdiv”类的div中，它通常放在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'));

您将收到结果

现场观看演示here。