jGrid表格，用shrinkToFit属性设置列的宽度为不自适应表格宽度

　

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指定的宽度。

结果如图所示

相关阅读

怎么将表格的首行冻结？

　怎么将表格的首行冻结？Excel是一款表格文档软件，咱们在工作中会经常使用其来记载部分数据内容信息，在咱们记载内容数据信息的时分

excel表格统计个数的方法步骤图

我们在工作中使用excel时，经常会用到统计个数的操作，统计个数的方法有很多种，不妨和小编一起看看以下这种统计个数的方法，或许对你有

Excel将两个表格关联数据合并的方法

我们在使用excel表格的时候，有时候不能获取完整的数据，只能通过不同的渠道获取2分或者多分的表格数据，有时候一些数据是相关联的，可以

excel表格如何使用时间函数

在excel表格中，经常会用到各种函数，那么时间函数具体的使用步骤是怎样的呢?下面就跟seo实验室小编一起来看看吧。excel表格使用时间

9.【Excel】百分比样式、表格样式、插入符号、查找技

文章最后发布于: 20