jqGrid - 是否可以将导航按钮放在网格的 Caption/title 栏中?
jqGrid - Is it possible to put the navButtons in the grid's Caption/title bar?
我的网格底部有几个按钮,在移动设备上,它们会干扰分页按钮。
由于网格的 Caption/title 栏非常空,我想知道是否有配置选项允许将按钮放置在网格 caption/title 栏的右侧?
如果我正确理解你想要什么,那么你应该只使用 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;
}
我的网格底部有几个按钮,在移动设备上,它们会干扰分页按钮。
由于网格的 Caption/title 栏非常空,我想知道是否有配置选项允许将按钮放置在网格 caption/title 栏的右侧?
如果我正确理解你想要什么,那么你应该只使用 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;
}