樣式如下

這里我進行修改了layui的樣式

空行的實現(xiàn)

js代碼

// --------------------------------------------- LaYui默認(rèn)為空數(shù)據(jù) ---------------------------------------------------- function tableDefaultNull(id, limit) {let $thead = $(id).next().find(".layui-table-box").find(".layui-table-header").find("table").find("thead").find("tr");let $tbody = $(id).next().find(".layui-table-box").find(".layui-table-body.layui-table-main").find("table").find("tbody");let count = $tbody.children("tr").length;let sl = $thead.children("th").length;if (count <= 0) {return;}for (let i = 0; i < limit - count; i++) {let str = "";for (let j = 0; j < sl; j++) {if (j == 0) {str = str + "<tr><td><div class='layui-table-cell laytable-cell-1-0-0'></div></td>";} else {str = str + "<td></td>";if (j == sl - 1) {str = str + "</tr>";}}}$tbody.append(str);} }

layui代碼

table.render({elem: '#test', url: '/a/a/' + layer2id, cols: [[{title: '序號', type: 'numbers'},{field: 'name',align:"center",width:"20%", title: '名稱'},{field: 'pname',width:"20%",align:"center", title: '聯(lián)系人 '},{field: 'phone', title: '電話'},{field: 'areai', title: '所屬區(qū)域'},{field: 'aream', title: '地址'},{field: 'typename', title: '種類名稱'},{align:"center",title: '操作', toolbar: '#barDemo'}]],done: function (res, curr, count) { // done:function()方法在加載完成時回調(diào),用jquery修改樣式.tableDefaultNull("#test",10); //第一個參數(shù)是找table元素,第二個是每頁幾條數(shù)據(jù)可以用table.config.limit}, page: true, height: 473 //高度必須設(shè)置}); 與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的layui的空行格的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。