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

在这里插入图片描述文章来源地址https://uudwc.com/A/vmNy4

原文地址:https://blog.csdn.net/taoerit/article/details/128467805

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

上一篇 2023年09月05日 09:43
在Mac上安装SQLsever,常见问题及解决方案
下一篇 2023年09月05日 09:49