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)簽：
桃江县| 上虞市| 湾仔区| 海盐县| 琼中| 营山县| 鸡东县| 香格里拉县| 枞阳县| 维西| 肥西县| 阿克苏市| 青州市| 竹山县| 海宁市| 云霄县| 五华县| 团风县| 普安县| 天等县| 阳曲县| 南江县| 昌平区| 横峰县| 乐亭县| 棋牌| 都江堰市| 略阳县| 灌南县| 萍乡市| 张掖市| 东至县| 汉川市| 喜德县| 沾益县| 淮安市| 前郭尔| 长兴县| 麦盖提县| 浙江省| 泸溪县|