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

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

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

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

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

QQ截圖20210927123953

 

這個(gè)問題尤其不加首行的checkbox更為明顯，經(jīng)過仔細(xì)對(duì)比發(fā)現(xiàn)是多余了一個(gè)逗號(hào)，這樣相當(dāng)于表格內(nèi)容多了一行，在js操作過程中應(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)過分析得知是由于上圖中表格中的“所在單位職務(wù)”者個(gè)欄目為空，然后整個(gè)表格就錯(cuò)開了，經(jīng)過測試只需要改變一個(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í)期待你的聲音

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

轉(zhuǎn)載請(qǐng)注明出處：layui的table組件表頭和行及字段為空錯(cuò)位問題的解決 - 微構(gòu)網(wǎng)絡(luò)
分享：
標(biāo)簽：
武功县| 肃南| 苏尼特左旗| 轮台县| 景德镇市| 阆中市| 雷山县| 黄平县| 景东| 涿鹿县| 密云县| 新乡县| 定结县| 文昌市| 广西| 永修县| 南木林县| 公安县| 广河县| 黄山市| 鹿邑县| SHOW| 洞头县| 利川市| 普安县| 遵化市| 元江| 呼图壁县| 庆云县| 沐川县| 汶上县| 安远县| 海兴县| 乡城县| 宣汉县| 方城县| 根河市| 平湖市| 类乌齐县| 广昌县| 视频|