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指定的宽度。
结果如图所示
这里写图片描述

猜你喜欢

转载自blog.csdn.net/weixin_38958597/article/details/82357037
今日推荐