Jquery jqGrid列大小调整问题
我正在使用jqGrid 4.6.0并显示一组相当大的数据。我在colModel中将所有列的列宽设置为150。现在,当我尝试从UI更改列的宽度时,标题会调整大小,但下面的所有列都会扭曲。我正在分享我为网格所做的配置。任何帮助都将不胜感激。提前谢谢 配置模型: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
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,你知道为什么吗?