在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`中指定的宽度进行显示。