表上的JQGrid自定义标题行

Question

我可以通过手动预先添加到网格来实现这一点，但我正在尝试找出一种JQGRID方法来创建带按钮的标题行。

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

这就是我要做的事。

（下图）

Answer 1

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

使用“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包括“list”子字符串，它是网格的id。一个应该更改名称是另一个名称使用。