怎么在layui中實現(xiàn)table加載？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),萬年企業(yè)網(wǎng)站建設(shè),萬年品牌網(wǎng)站建設(shè),網(wǎng)站定制,萬年網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,萬年網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

layui是什么

layui是一款采用自身模塊規(guī)范編寫的前端UI框架，它遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，適合新手，并且它還提供了豐富的內(nèi)置模塊，他們皆可通過模塊化的方式按需加載，從核心代碼到API的每一處細節(jié)都經(jīng)過精心雕琢，非常適合界面的快速開發(fā)，能夠作為PC網(wǎng)頁端后臺系統(tǒng)與前臺界面的速成開發(fā)方案。

js實現(xiàn)：

layui.use(['table','form'], function() {
$ = layui.jquery;
table = layui.table;
tableIns = initTable();
});
//加載列表
function initTable(){
// 執(zhí)行渲染
tableIns = table.render({
id: 'idTest',
elem : '#deviceTable', // 指定原始表格元素選擇器（推薦id選擇器）
size: 'lg',
height : 'full-20', // 容器高度
url : '/csCloud-admin/deviceController/getDeviceList.do',
where: {
'orgId':$("#orgId").val(),
'coldNum':$("#coldNum").val(),
'devType':$("#devType").val(),
'isUsed':$("#isUsedId").val()
},
method : 'post',
cols : [ [ // 標題欄
{
field : 'rownum',
title : '序號',
width : 100,
sort : true
}, {
field : 'devNum',
title : '設(shè)備編號',
width : 200
}, {
field : 'devAlias',
title : '設(shè)備別名',
width : 100
}, {
field : 'devTypeVal',
title : '設(shè)備類型',
width : 100
}, {
field : 'devModel',
title : '設(shè)備型號',
width : 100
}, {
field : 'stateVal',
title : '設(shè)備狀態(tài)',
width : 100
}, {
field : 'coldNum',
title : '冷庫編號',
width : 100
}, {
field : 'orgName',
title : '所屬機構(gòu)',
width : 300
}, {
field : 'isUsedValue',
title : '狀態(tài)',
width : 100
}, {
fixed : 'right',
width : 300,
align:'center',
toolbar : '#barDemo'
}
] ], // 設(shè)置表頭
page : true,
limits : [ 10,30, 60, 90, 150, 300 ],
limit : 10
});
return tableIns;
}

jsp實現(xiàn)：