jqGrid - 是否可以将导航按钮放在网格的标题/标题栏中？答案

【问题标题】：jqGrid - Is it possible to put the navButtons in the grid's Caption/title bar?jqGrid - 是否可以将导航按钮放在网格的标题/标题栏中？
【发布时间】：2016-12-07 22:52:07
【问题描述】：

我的网格底部有几个按钮，在移动设备上，它们会干扰分页按钮。

由于网格的标题/标题栏很空，我想知道是否有一个配置选项允许将按钮放置在网格标题/标题栏的右侧？

【问题讨论】：

标签： jqgrid free-jqgrid

【解决方案1】：

如果我正确理解您想要什么，那么您应该只使用toppager: true 而不是（或一起使用）pager: true。顺便说一句，您可以删除 jqGrid 的 caption 参数以使网格没有任何标题。结果，您将在网格上拥有带有导航器按钮的网格。

更新：您可以使用pagerpos 和recordpos 选项来合并带有导航按钮、寻呼机信息和<span> 以及由添加的信息的块viewrecords: true。您可以使用其他 CSS 规则来更好地显示信息。例如，您可以尝试 CSS 规则，例如

.ui-pager-control>.ui-pg-table>tbody>tr>td>table.ui-pg-table {
    display: inline-block;
    top: .6em;
}
.ui-pager-control>.ui-pg-table>tbody>tr>td>.ui-paging-info {
    display: inline-block;
    float: right;
    margin-top: 1.2em;
}

【讨论】：

不完全。我确实尝试过使用 toppager:true 但这只是将按钮和分页复制到表格标题上方的新栏。就我而言，由于我有多个按钮，因此当您以纵向模式在 iPad 等较小的屏幕上加载时，这些按钮会与左页按钮和右页按钮重叠。我想做的是将按钮移动到标题/标题栏，而不是与寻呼机位于同一栏中。
@MarkT：我仍然没有看到任何差异，toppager 的使用是标准方式。与顶部寻呼机外观有关的所有其他问题都可以轻松解决。例如，您可以使用pagerLeftWidth 和pagerRightWidth 选项为寻呼机部分保留指定位置。尝试将pagerLeftWidth: 680 之类的内容添加到您的网格中。您可以删除viewrecords: true 以将位置保存在寻呼机中等等。
@MarkT：我忘了提到可以使用pagerpos 和recordpos 选项来更改信息在寻呼机中的位置。例如，可以使用pagerpos: "left", recordpos: "left" 将所有 3 个信息部分放在寻呼机的左侧。可以使用其他 CSS 属性（如 display:inline-block; 和其他）或/和移动 jqGrid_toppager_left 内部的 div.navtable 之后的 span.ui-paging-info 和 table.ui-pg-table 重新排序。
非常感谢。这可以满足我的需要。