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 }
 ]],

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/taoerit/article/details/128467805