Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery jqGrid列大小调整问题_Jquery_Css_Jqgrid - Fatal编程技术网

Jquery jqGrid列大小调整问题

Jquery jqGrid列大小调整问题,jquery,css,jqgrid,Jquery,Css,Jqgrid,我正在使用jqGrid 4.6.0并显示一组相当大的数据。我在colModel中将所有列的列宽设置为150。现在,当我尝试从UI更改列的宽度时,标题会调整大小,但下面的所有列都会扭曲。我正在分享我为网格所做的配置。任何帮助都将不胜感激。提前谢谢 配置模型: var ruleTable = jQuery("#rule_table").jqGrid({ data: data, datatype: 'local', colNames: settings.parameters, colModel: se

我正在使用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;
};

你能提供复制代码的演示吗?您是否有包含空格、逗号、点等特殊字符的列的名称?如果可以存在这样的字符,那么我建议您尝试使用。你可以用https://rawgit.com/free-jqgrid/jqGrid/master/css/ui.jqgrid.css, https://rawgit.com/free-jqgrid/jqGrid/master/js/i18n/grid.locale-en.js 和https://rawgit.com/free-jqgrid/jqGrid/master/js/jquery.jqgrid.src.js 用于快速测试。在使用免费jqGrid进行测试期间,您可以尝试包括cmTemplate:{autoresizeable:true},autoresize:{compact:true},autoresizeOnLoad:true。加载网格后,它将直接根据列的内容在最小宽度上调整列的大小。它可以保存页面上的位置,并使网格的使用更加舒适。您可以尝试另外使用height:auto。然后,将根据rowNum值和n计算高度显示的行数可以小于rowNum。您可以临时注释highlightColumnFields,以便只测试@Oleg的行数。我的列名类似于“票证复杂性-客户端分类”,“解决分钟数所用的时间-客户端触摸时间”,正如您所提到的,它们确实包含特殊字符。这是t的原因吗我面临的问题是什么?我创建了另一个网格,其列名也包含一些特殊字符,但该网格工作得非常好。调整列名大小不会导致网格扭曲。因此,这里的问题可能有所不同。嘿,我得到了一些东西。这个问题在Mozilla firefox上观察到。它在goog上工作得非常好我有firefox版本36.0.4,你知道为什么吗?