javascript - 表格上的JQGrid自定义标题行

Question

我可以通过手动添加到网格来做到这一点，但我试图找出一种 JQGRID 方法来创建带有按钮的标题行。

我想我需要以navbar某种方式自定义，但我不确定如何。

这就是我想要做的。

（下图）

Answer 1

看演示。它显示的结果非常接近您的需要。

带有“First”、“Previous”、“Next”和“Last”按钮的本地分页就像在原始网格中一样。

我认为您将能够根据自己的确切要求修改演示。

我在演示中使用的代码：

$("#list").jqGrid({
    ...
    toppager: true,
    pginput: false,
    recordpos: "center",
    pagerpos: "left",
    recordtext: "Errors {0} - {1} of {2}"
});

var $table = $('<table class="ui-pg-table" style="table-layout: auto;" border="0" cellspacing="0" cellpadding="0"><tbody><tr></tr></tbody></table>'),
    $row = $table.find(">tbody>tr");
$table.appendTo("#list_toppager_right");
$("#next_t_list_toppager").appendTo($row);
$("#last_t_list_toppager").appendTo($row);
$("#list_toppager_left").width(70);
$("#list_toppager_right").width(70);

代码中使用的 id 包括id网格的“列表”子字符串。一个应该更改名称是使用另一个名称。