1. 程式人生 > >jGrid表格,用shrinkToFit屬性設定列的寬度為不自適應表格寬度

jGrid表格,用shrinkToFit屬性設定列的寬度為不自適應表格寬度

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指定的寬度。
結果如圖所示
這裡寫圖片描述