首先导入layui相关js文件
在页面中放置以下代码,用于加载表单数据
<table class="layui-hidden" id="test">
</table>
layui.use('table', function() {
var table = layui.table;
table.render({
elem : '#test' // 需要渲染的DIV
,cellMinWidth: 100,// 单元格最小宽度
cols : [ [ {
field : 'id', // 对象id属性
title : 'ID', // 列名
sort : true,// 是否排序
templet: function(d){
if(d.id==1){
return XXX;
}else{
return XXX;
}
} // 用于字段转义
}, {
field : 'id2',
title : 'ID2',
sort : true
}] ],
data : data, //ajax返回的后台数据
limit: pageSize// 一页最多为多少条
});
});
关于字段转义详见官方文档