jGrid表格里,通常列的宽度会自适应的填充至整个表格,一般当字段多的时候倒没什么关系。但如果表内只有两三个字段,列的宽度自适应表的宽度后,看起来就很别扭。
$("#meterTypeGrid").jqGrid({
url: 'metertype/list/condition/page.mvc',
mtype:"GET",
styleUI:"Bootstrap",
datatype: "json",
colModel: [
{ label: '类型号', name: 'typeNo',key:true, width: 80 },
{ label: '类型名称', name: 'typeName', width: 180 },
{ label: '收费项目', name: 'feeItem.itemNo', width: 180 }
],
autowidth:true,
viewrecords: true,
height: 300,
rowNum: 5,
rowList:[5,10,15,20]
});
在更改autowidth和width属性后,发现无论如何都无法达到预期的效果,经查找发现,在表格里加入如下属性就可以了
shrinkToFit:false
shrinkToFit属性用来说明当初始化列宽度时候的计算类型
如果为true,则按比例初始化列宽度。
如果为false,则列宽度使用 colModel指定的宽度。
结果如图所示