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

你的提問是小編創作靈感的來源!
































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