js实现：

layui.use(['table','form'], function() {$ = layui.jquery;table = layui.table;tableIns = initTable();});//加载列表function initTable(){// 执行渲染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 : '设备编号',width : 200}, {field : 'devAlias',title : '设备别名',width : 100}, {field : 'devTypeVal',title : '设备类型',width : 100}, {field : 'devModel',title : '设备型号',width : 100}, {field : 'stateVal',title : '设备状态',width : 100}, {field : 'coldNum',title : '冷库编号',width : 100}, {field : 'orgName',title : '所属机构',width : 300}, {field : 'isUsedValue',title : '状态',width : 100}, {fixed : 'right',width : 300,align:'center',toolbar : '#barDemo'}] ], // 设置表头page : true,limits : [ 10,30, 60, 90, 150, 300 ],limit : 10});return tableIns;}

jsp实现：

<div class="layui-fluid"> <div class="layui-row"> <div class="layui-col-lg12"> <table id="deviceTable"></table> </div> </div> </div>

以上这篇layui实现table加载的示例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。