當前位置:
首頁 >
layui的空行格
發(fā)布時間:2024/9/19
56
豆豆
樣式如下
這里我進行修改了layui的樣式
空行的實現(xiàn)
js代碼
// --------------------------------------------- LaYui默認為空數(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 //高度必須設置}); 與50位技術專家面對面20年技術見證,附贈技術全景圖總結(jié)
- 上一篇: 基于netty访问WebSocket(j
- 下一篇: mvn项目Quartz简单上手