无法将pager（导航栏）放在jqGrid上面

根据jqGrid文档，我应该能够通过移动分页器div来将分页器放在jqGrid的上面或下面。不幸的是，寻呼机总是在网格下面呈现。

<div id="pager"></div> <table id="list"> <tr> <td /> </tr> </table>

jqGridconfiguration（与分页器有关）如下所示：

 pager: '#pager', pginput: false, pgbuttons: false,

有什么build议么？

您应该使用toppager:true jqGrid选项。你不需要定义<div id="pager"></div>并使用pager: '#pager'参数。来自jqGrid顶部的寻呼机的id将是“list_toppager”（附加有“_toppager”的表元素的id）。

如果你想添加导航器，你可以使用

 $("#list").jqGrid('navGrid','#list_toppager');

如果你使用define <div id="pager"></div>并使用pager: '#pager'参数，你将有两个分页器：一个在网格顶部的id="list_toppager" ， id="list_toppager"是id="pager"在底部。如果你想使用顶部和底部的寻呼机，你可以使用

 $("#list").jqGrid('navGrid','#pager',{cloneToTop:true});

然后移动或移除（有关更多详细信息和演示示例，请参阅其他答案）。使用jQuery.insertAfter函数也可以非常容易地将button从一个工具栏移动到另一个工具栏（请参见此处）。

使用$追加。上面的表格是这样的

 <div id="export"></div>

添加id并使用promise（）。done（）：“exportButton”

 $(grid).jqGrid('navButtonAdd', self.options.pagerSelector, { id: "exportButton", caption: "Export to CSV", buttonicon: "ui-icon-newwin", onClickButton: function() { self._exportToCSV(self, grid); }, position: "last", title: "Export to CSV", cursor: "pointer" }) .promise().done(function() { //reposition export button $("#export").append($("#exportButton")); $("#exportButton").addClass("pull-right").show(); });