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指定的宽度。
结果如图所示

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

HTML 表格的样式属性
表格中的每个单元格,都是盒模型中一个独立的盒子,并生成一个矩形框.因此,盒模型中几乎所有的属性,如边框.内边距.背景.对齐方式.文本.字体等,都适用于单元格的 td 元素.但有一点除外,外边距属性对 ...
Web程序设计基础2021 表格标签—表格高级样式的设置 educoder实训
第1关:表格高级样式设置相关概念任务描述本关任务:完成一组表格高级样式设置的概念题. 相关知识为了完成本关任务,你需要掌握:1.外边框线样式的设置,2.内部边框线的设置,3.单元格的合并. 外边 ...
EduCoder-Web程序设计基础-html5—表格高级样式的设置-第5关：表格的综合案例
目录任务描述相关知识编程要求测试说明代码示例任务描述本关任务:创建一个标题为"家庭账单"的表格.实现的效果如下图所示: 家庭账单效果图相关知识为了完成本关任务,你 ...
WPS表格操作自动换行怎么设置？
了解更多办公工具的相关应用教程,可进入到赛效官方网站查看应用资讯或者应用问答栏目了解详情~ WPS表格操作自动换行怎么设置?很多人在使用WPS表格时,很多时候希望能将一列表格固定在一个宽度内,然后依据 ...
计算机一级考试wps知识点,2018年计算机一级考试WPS辅导知识：表格单元格格式设置方法...
2018年3月计算机等级考试即将开始,小编在这里为考生们整理了2018年计算机一级考试WPS辅导知识,希望能帮到大家,想了解更多资讯,请关注出国留学网的及时更新哦. 2018年计算机一级考试WPS辅导 ...
element表格攻略大全,表头合并,表格合并,动态添加一列
elementui表格攻略大全,表头合并,表格合并,动态添加一列 element合并表头与合并表格,需求就是这样,数据结构中需要有一个大类集合,由于数据结构是我定的,图二是这个表格的数据结构 [{fu ...
php如何美化表格,Excel表格总是做得不好看？简单5步美化表格，老板看了都加工资...
在日常的工作生活中,制作Excel表格是必不可少的,特别是发给老板看的表格,一般的小白发给老板看是这样的: 打开搜狗搜索APP,查看更多精彩资讯是不是觉得有些些枯燥,看不出什么重点?下面小编就来教大 ...
jqGrid shrinkToFit=true 动态设置列显示showCol、列隐藏列hideCol引起的表格宽度异常处理
本文讨论3个问题: 1)jqGrid如何设置水平滚动条: 2)jqGrid如何动态显示.隐藏列: 3)shrinkToFit=true时,动态显示.隐藏列表格宽度异常处理: 1.设置水平滚动条设置s ...
列标题如何删除gridcontrol_DEV控件GridControl常用属性设置（转）
1. 如何解决单击记录整行选中的问题 View->OptionsBehavior->EditorShowMode 设置为:Click 2. 如何新增一条记录 (1).gridView.Ad ...

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

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

最新文章

热门文章