如何将空行添加到JQGrid

时间:2012-04-18 08:56:19

标签: jqgrid

我有分页的网格。每页最多有10行。如果我只有3条记录,我需要显示7个空行,

喜欢excel表格布局

像这样:

enter image description here

我得到了解决方案

loadComplete: function (data) {
                var pagesize = jQuery("#list5").jqGrid('getGridParam', 'rowNum');
                if (data.rows.length < pagesize) {
                    for (i = 0; i < pagesize - data.rows.length; i++) {
                        $("#list5").addRowData(i + 1, {});
                    }
                }
            }

如果有任何其他有效的解决方案,请告诉我。

1 个答案:

答案 0 :(得分:2)

问题在于右下方的页数是错误的:它们包括空白行。例如。当只有95行时“查看91到100”。这是一个解决方案:

loadComplete: function (data) {
  var grid = jQuery("#list5"),
    pageSize = parseInt(grid.jqGrid("getGridParam", "rowNum")),
    emptyRows = pageSize - data.rows.length;

  if (emptyRows > 0) {
    for (var i = 1; i <= emptyRows; i++)
        // Send rowId as undefined to force jqGrid to generate random rowId
        grid.jqGrid('addRowData', undefined, {});

    // adjust the counts at lower right
    grid.jqGrid("setGridParam", {
      reccount: grid.jqGrid("getGridParam", "reccount") - emptyRows,
      records: grid.jqGrid("getGridParam", "records") - emptyRows
    });
    grid[0].updatepager();
  }
}