jqgrid - 水平バーと垂直バーが表示されると、ヘッダーの最後の列がシフトします

Question

最初の画像をご覧ください。ここですべてが大丈夫です

しかし、水平スクロールを右に移動すると、ヘッダーがシフトします。これは、垂直スクロールが表示された場合にのみ発生しました。

これは、ヘッダー幅がコンテンツ幅よりも小さいためであり、最後のヘッダーセルに20pxを追加すれば修正できます。しかし、他の解決策はありますか？

更新1：

createExpensesGrid: function (containerId) {
    var gridDefinition = window['personalExpensesGridModel'];
    var grid = $("#" + containerId);

    if (gridDefinition) {
        var buildKey = function (key) {
            return gridDefinition.gridid + key;
        };


        $.extend(gridDefinition, {
            loadComplete: function () {
                var selectedGuidRow = $('#TransId').val();
                if (selectedGuidRow) {
                    $(this).setSelection(selectedGuidRow, true);
                }

                $(this)
                    .find('.notes')
                    .each(function () {
                        $(this).tipsy();
                    });

                validateGrid($(this));

                // To prevent grid from being focused on tab
                $(this).removeAttr("tabindex");
                $(this).find("*[tabindex]").removeAttr("tabindex");
            }
        });

    }

    grid.jqGrid(gridDefinition);

}