Как показать номера строк больше 9999 в бесплатной jqgrid

Код из ответа Динамически установить для номеров строк значение false в 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 и т. д. Как показать полные номера строк? Я пробовал разные уровни масштабирования в браузере, чтобы полные номера строк не отображались. Thed для изменения размера, но похоже, что столбец с номером строки не может быть изменен.


jquery jqgrid free-jqgrid
person Andrus    schedule 16.03.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

В jqGrid есть опция rownumWidth, которая позволяет увеличить ширину rn столбца во время создания сетки. Если вам нужно установить ширину столбца динамически, вы можете использовать setColWidth описанные здесь и здесь. В демо показано, что вы можете динамически устанавливать ширину rn столбца. Метод setColWidth является частью бесплатной версии jqGrid 4.8, поэтому вы можете использовать его напрямую.

person Oleg    schedule 17.03.2015