如何在free jqgrid中显示大于9999的行号

时间:2015-03-16 21:42:57

标签: jquery jqgrid free-jqgrid

回答Set rownumbers to false dynamically in jqgrid

的代码

用于创建切换行号的按钮。

    $grid.jqGrid("navButtonAdd", "#grid_toppager", {
        buttonicon: "fa-list-ol",
        iconsOverText: true,
        caption: '',
        id: "RowNumbers",
        onClickButton: function (options, e) {
            var $me = $(e.currentTarget);
            if ($grid.jqGrid('getGridParam', 'rownumbers') && $grid[0].p.colModel[0].hidden ) {
                $grid.jqGrid('showCol', 'rn');
                $me.addClass("ui-state-active");
            } else {
                $grid.jqGrid('hideCol', 'rn');
                $me.removeClass("ui-state-active");
            }
            resizeGrid();
            saveWindowState();
        }
    });

    if (isColState && myColumnsState.rownumbers) {
        $("#RowNumbers").click();
    }

如果行号大于9999,则最后一位数字不可见。

行号10000 .. 10009显示为1000,10010显示为1001等。 如何显示完整的行号? 我在浏览器中尝试了不同的缩放级别,不会出现完整的行号。 想要调整大小,但看起来行号列不可调整大小。

1 个答案:

答案 0 :(得分:1)

jqGrid具有rownumWidth选项,允许在创建网格期间增加rn的宽度。如果您需要动态设置列的宽度,可以使用setColWidth herehereThe demo表示您可以动态设置rn列的宽度。方法setColWidthfree jqGrid 4.8的一部分,因此您可以直接使用它。