2024国产成人精品免费视频|日本免费一区二区三区毛片|久久97超碰色中文字幕|亚洲天堂a中文字幕

layui的table組件表頭和行及字段為空錯位問題的解決

2021-09-12 13:25 欄目：技術(shù)開發(fā) 查看(17690)

在使用layui的table組件的時候，會出現(xiàn)兩種錯位的問題，接下來就分別分析產(chǎn)生這個問題的原因以及對應(yīng)的解決方案。

1、表頭和表內(nèi)容對不齊，是錯開的。

QQ截圖20210927123953

 

這個問題尤其不加首行的checkbox更為明顯，經(jīng)過仔細(xì)對比發(fā)現(xiàn)是多余了一個逗號，這樣相當(dāng)于表格內(nèi)容多了一行，在js操作過程中應(yīng)該是按逗號進(jìn)行數(shù)據(jù)分割了。只需要把對應(yīng)的逗號刪除成規(guī)范的格式即可。

QQ截圖20210927124251

2、當(dāng)表格內(nèi)容有字段為空白的時候，表格內(nèi)容錯位。

QQ截圖20210927132254

經(jīng)過分析得知是由于上圖中表格中的“所在單位職務(wù)”者個欄目為空，然后整個表格就錯開了，經(jīng)過測試只需要改變一個css選擇器的屬性值即可。在自定義的css中，添加如下css覆蓋layui自帶的css即可。

.layui-table-cell{display: table-caption;}
與我們的項目經(jīng)理聯(lián)系
掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流

轉(zhuǎn)載請注明出處：layui的table組件表頭和行及字段為空錯位問題的解決 - 微構(gòu)網(wǎng)絡(luò)
分享：
標(biāo)簽：
托克逊县| 桃园市| 区。| 阜平县| 瓦房店市| 蓝田县| 苏尼特右旗| 安康市| 湛江市| 长春市| 义乌市| 锡林浩特市| 连州市| 台州市| 海门市| 杭锦后旗| 得荣县| 茂名市| 三明市| 德钦县| 孝感市| 济宁市| 谷城县| 江津市| 永修县| 吉木萨尔县| 唐海县| 苍山县| 车险| 德州市| 德阳市| 嵊泗县| 抚宁县| 江城| 德兴市| 洛南县| 荣昌县| 汉寿县| 化州市| 田林县| 仙游县|