0


Layui 的表格自适应列宽的方法

先说下在做layui的表格自适应时遇到的坑
在给table分配比例,设置width属性时,width和Width居然会有不一样的效果

要达到的效果

时间显示完整
在这里插入图片描述

1 正确用法 最后一个宽度用大写Width,正常

也可以将最后一个Width 换成 maxWidth

cols:[[{ field: 'JSDD',width: '30%',title: '教室名称'},{ field: 'OperState',width: '30%',title: '报警信息' },{ field: 'OperTime',Width: '40%' ,title: '操作时间',sort:true}]],

效果
在这里插入图片描述

2 错误用法 最后一个用小写width,显示不正常

用了小写后,时间显示不出来

cols:[[{ field: 'JSDD',width: '30%',title: '教室名称'},{ field: 'OperState',width: '30%',title: '报警信息' },{ field: 'OperTime',width: '40%' ,title: '操作时间',sort:true}]],

在这里插入图片描述

标签: layui javascript 前端

本文转载自: https://blog.csdn.net/taoerit/article/details/128467805
版权归原作者 程序猿的杂货店 所有, 如有侵权,请联系我们删除。

“Layui 的表格自适应列宽的方法”的评论:

还没有评论