php如何使用layui的表格数据功能_layui数据表格实现重载数据表格功能(搜索功能）...

layui数据表格实现重载数据表格功能，以搜索功能为例

加载数据表格

实现搜索功能和数据表格重载

全部代码

加载数据表格

按照layui官方文档示例

HTML部分

JavaScript部分

var table = layui.table;

//执行渲染

table.render({

elem: '#demo' //指定原始表格元素选择器(推荐id选择器)

,height: 315 //容器高度

,cols: [{}] //设置表头

//,…… //更多参数参考右侧目录：基本参数选项

});

官方的文档已经把方法说的很明白了，下面展示实例用法(HTML部分依照官方文档，不用修改)

layui.use('table', function () {

var table = layui.table;

table.render({

// 表格容器ID

elem: '#ware_info'

// 表格ID，必须设置，重载部分需要用到

, id: 'tableOne'

// 数据接口链接

, url: "异步请求数据接口地址"

// 附加参数，post token

, where: {'token': token}

, method: 'post'

// 分页 curr起始页，groups连续显示的页码，