jGrid表格,用shrinkToFit屬性設定列的寬度為不自適應表格寬度
阿新 • • 發佈:2018-12-25
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指定的寬度。
結果如圖所示