Layui数据表格的渲染格式

 

 

 

1. 要把数据显示出来，我们需要一个表格，因此要先创建一个表格，在布局代码写上表格标签，<table id="demotable" lay-filter="tableGuid"></table>

 

JS代码

 

首先要调用插件的Table模块，然后用里面的方法，去渲染一个表格，容器就是是通过ID去找到，基本的属性要有容器，以及表头，以及数据源。

 

数据可以是本地数据也可以是通过数据接口来找到数据，接收的数据必须是要有四个字段，第一个是数据的总条数，第二个是数据，第三个是编号，第四个是提示。

 

即使编号和提示是空也要返回，否则就会报数据不符合规范的错

，如果要使用工具条也可以加上toolBar属性里面，可以直接绑定HTML元素到表格的上方

 

语法：table.on('event(filter)', callback); 注：event为内置事件名，filter为容器lay-filter设定的值 

 

默认情况下，事件所监听的是全部的table模块容器，但如果你只想监听某一个容器，使用事件过滤器即可。 

假设原始容器为：<table class="layui-table" lay-filter="test"></table> 那么你的事件监听写法如下：

 

1. //以复选框事件为例
2. table.on('checkbox(test)', function(obj){
3. console.log(obj)