掃二維碼與項目經理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網交流
layui的table組件表頭和行及字段為空錯位問題的解決
2021-09-12 13:25
欄目：技術開發(fā)
查看(16305)
在使用layui的table組件的時候，會出現(xiàn)兩種錯位的問題，接下來就分別分析產生這個問題的原因以及對應的解決方案。
1、表頭和表內容對不齊，是錯開的。
這個問題尤其不加首行的checkbox更為明顯，經過仔細對比發(fā)現(xiàn)是多余了一個逗號，這樣相當于表格內容多了一行，在js操作過程中應該是按逗號進行數(shù)據(jù)分割了。只需要把對應的逗號刪除成規(guī)范的格式即可。
2、當表格內容有字段為空白的時候，表格內容錯位。
經過分析得知是由于上圖中表格中的“所在單位職務”者個欄目為空，然后整個表格就錯開了，經過測試只需要改變一個css選擇器的屬性值即可。在自定義的css中，添加如下css覆蓋layui自帶的css即可。
.layui-table-cell{display: table-caption;}
轉載請注明出處：layui的table組件表頭和行及字段為空錯位問題的解決 - 微構網絡
- 聯(lián)系我們
- 電話：15574303608
- 郵箱：server@csweigou.com
- 地址：長沙市五一西路錦繡中環(huán)1116(五一廣場平和堂對面)
- 大項目團隊：長沙市芙蓉區(qū)五一大道曉園大廈17樓B座
移動版官網
尋找項目經理
- 在線咨詢
- 15574303608
-
項目經理微信
-
移動版官網