在jGrid表格中,通常情况下,列的宽度会自动适应整个表格,当字段较多时,这种方式没有问题。但如果表格内只有两三个字段,当列的宽度自适应表格宽度后,看起来就不太协调。
为了解决这个问题,可以在初始化jGrid时,设置`shrinkToFit`属性为`false`。这样,当计算列宽度时,将不会按比例调整宽度,而是使用`colModel`中指定的宽度。修改后的代码如下:
```javascript
$(document).ready(function() {
$("#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],
shrinkToFit: false // 添加该属性
});
});
```
通过添加`shrinkToFit: false`,可以确保jGrid表格中的列宽度始终按照`colModel`中指定的宽度进行显示。