layui table自动换行、自适应换行(已解决v2.4.5)

改样式前效果:

不直观,超出内容没有自动换行,且不适应产品需求(超出部分需要自动换行)

在这里插入图片描述



代码:

将以下css样式覆盖到当前html文件的头部样式中即可:

        .layui-table-cell {
            font-size:14px;
            padding:0 5px;
            height:auto;
            overflow:visible;
            text-overflow:inherit;
            white-space:normal;
            word-break: break-all;
        }

修改后:

自动铺满换行,超出部分已展开
在这里插入图片描述



参考文献:

layui table 填写数据内容过多,自动换行完美解决:

https://blog.csdn.net/cdsn13082487212/article/details/91039184





























结语:

如果这个方案对您有用,请在右上方点个赞;如果有任何疑问,可以留言,小编会在24小时内及时回复!如果你想汲取小编更多的精华,请关注小编!`



在这里插入图片描述

持续更新中…

如有对思路不清晰或有更好的解决思路,欢迎与本人交流,QQ群:273557553

你的提问是小编创作灵感的来源!
































發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章