当出现水平和垂直条时，标题中的最后一列会移动

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);

}