jqGrid列调整大小问题

Question

我正在使用jqGrid 4.6.0并显示一组相当大的数据。对于所有列，我已将colModel中的列宽设置为150。现在，当我尝试从UI更改列的宽度时，标题会调整大小，但下面的所有列都会失真。我正在分享我为网格所做的配置。任何帮助，将不胜感激。提前谢谢。

配置模型：

var ruleTable = jQuery("#rule_table").jqGrid({
data: data,
datatype: 'local',
colNames: settings.parameters,
colModel: settings.colModel,
height: 350,
width: $('.tabular_format_data').width(),
shrinkToFit: false,
viewrecords: true,
gridview: true,
sortorder: "desc",
rowNum: settings.rowNum,
rowList: settings.rowList,
loadComplete: function (data) {
    highlightColumnFields();    
},
'cellEdit': true,
'cellsubmit' : 'clientArray',
editurl: 'clientArray'
});

其中colModel为：

var createColModel = function (data) {
    var colModel = [];
    $.each(data, function (key, value) {
        if (!(value instanceof Object)) {
            var obj = {};
            obj.align = 'center';
            obj.sortable = false;
            obj.name = key;
            obj.index = key;
            obj.width = 150;
            obj.sortable = true;

            if (obj.name === "clientClassification" || obj.name === "subCategory2" || obj.name === "clientResolutionTime") { 
                obj.editable = true;
                if (obj.name === "clientClassification") {
                    obj.edittype = "select";
                    obj.formatter = "select";
                    obj.editoptions = {value: SMCClassification};
                }
            }

            colModel.push(obj);
        }
    });

    return colModel;
};