将jqgrid中的按钮添加到toppager的最右端

Add button in jqgrid to the extreme right end of toppager

本文关键字:toppager 添加 jqgrid 按钮      更新时间:2023-09-26

我正在尝试在jqGrid的toppager末尾添加一个div。 下面的链接解释了如何在toppager_right中添加按钮。

http://www.trirand.com/blog/?page_id=393/help/how-to-add-custom-button-to-toppager_right-or-toppager_center

下面是我的代码:

$("#grid_toppager_right").html('<table cellspacing="0" cellpadding="0" border="0" style="float: right; table-layout: auto;" class="ui-pg-table navtable"><tbody><tr><td style="width: 4px;" ><div>abc1234</div></td></tr></tbody></table>');

它将 abc1234 添加到toppager_right的左侧。有人可以帮我如何将它定位到toppager的最右端吗?

我终于可以将div定位向右。这是相同的解释。grid_toppager由类".ui-pg-table.ui-common-table.ui-pager-table"的表组成。它有 3 个分别名为 grid_toppager_left、grid_toppager_center、grid_toppager_right 的 td 元素。我为桌子提供了宽度= 100%,就是这样,我实现了我想要的:

.ui-pg-table.ui-common-table.ui-pager-table {
    width: 100%;
}

默认情况下,toppager_right右对齐,如下所示

 <td align="right" id="jqCCGrid_toppager_right">
 </td>

因此,我在 td 上方添加的任何内容都会添加到 toppager 的右端。