通过一个简要的例子来介绍一下相关功能。主要我写项目中常用的属性和方法都介绍出来了,如果需要其他功能,可以看看官网。
页面
<table id="demo" lay-filter="demo_table_filter"></table>
<script>
layui.use('table', function(){
var demoTable = table.render({
elem: '#demo', //指定原始 table 容器的选择器或 DOM,方法渲染方式必填
height: 312, //设定容器高度(如果设置滚动条,必须定高)
url: '/demo/table/user/', //数据接口
method:'post', //请求方式
parseData: function (res) {
//res是请求返回的数据,可以在parseData中对数据进行一些处理,返回layui要求的格式
/*
......
*/
return {
'code': 0, //接口状态
'msg': '', //提示文本
'count': res.length, //数据长度
'data': res //数据列表,是直接填充进表格中的数组
}
},
request: {
//当接口需要请求参数时,在这修改,属性名不能修改,只能更改参数
pageName: 'newName', //开始的页码的参数名称,newName是你接口需要的名字,默认:page
limitName: 'newNumber' //每页数据量的参数名,newNumber是你接口需要的名字,默认:limit
},
where: {
//这里添加接口需要的除页码页号外的参数。如果无需传递额外参数,可不加该参数
token: 'sasasas',
id: 123
},
page: {
//表格添加分页的,如果不需要分页,可以不添加page属性
layout