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

]
}

所以我们在数据行中设置我们想要在哪一行('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'));

结果你将收到

在这里观看演示.