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

layui的table組件表頭和行及字段為空錯(cuò)位問(wèn)題的解決

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

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

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

QQ截圖20210927123953

 

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

QQ截圖20210927124251

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

QQ截圖20210927132254

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

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

我們?cè)谖⑿派?4小時(shí)期待你的聲音

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

轉(zhuǎn)載請(qǐng)注明出處：layui的table組件表頭和行及字段為空錯(cuò)位問(wèn)題的解決 - 微構(gòu)網(wǎng)絡(luò)
分享：
標(biāo)簽：
宿州市| 阿拉善左旗| 清水河县| 太仆寺旗| 铜山县| 普安县| 阜南县| 西乡县| 聂拉木县| 长白| 彰武县| 庆城县| 民权县| 锦屏县| 慈利县| 鹤庆县| 会东县| 新乐市| 九江市| 乳山市| 尼木县| 平定县| 邳州市| 凤城市| 商河县| 海城市| 宜兰市| 蓬溪县| 布拖县| 治多县| 库车县| 华蓥市| 故城县| 资兴市| 丹寨县| 高邮市| 且末县| 隆化县| 东兰县| 应用必备| 阳信县|