主要是layui数据表格数据解析表格的layui數据表格数据解析格式要注意把查出来的Jsonlayui数据表格数据解析处理成layui能接收的layui数据表格数据解析格
这是layuilayui数据表格数据解析表格要求的layui数据表格数据解析格式

所以我们在查layui数据表格数据解析时就要处理一下,我是用的MVC，所以是在控制器进行处理就可以了

我们最后出来的结果是：

一般情况下,layui数据表格数据解析表格表头是固定的,不会轻易改变,但是由于业务的需要,表格的表头需要动态修改,有很多方法:

1.在html页面分别设置成不同的layui数据表格数据解析表格,根據点击事件来show或者hide,这样可以达到我们的目的,但是,这样违法了代码精简的原则,出现了很多重复的代码.

2.直接通过js来实现不同的表格,通过点击事件来做if-else操作,这样会造成js代码的冗余,不符合代码精简的原则.

3.我们通过layuilayui数据表格数据解析表格的API发现,通过不同的参数来设置不同的表头,然后再轉化成静态表格,layui数据表格数据解析重新填入,就可以打到我们想要的结果.

前面两个方法这里不做描叙,我们来考虑第3种方法:

这涉及到表格加载嘚时候传参,部分代码如下:

 
 

 
 

 
 

 
 

 2.cols 是表头,我们这里没用到循环,因为我可以知道哪种情况设置哪种表头
 
 

 3.act和type是设置的全局变量,我这里是通过点击事件来修改全局变量的值,每次点击的时候(点击不同的查询按钮)就加载一次表格layui数据表格数据解析
 
 

 4.后台返回的jsonlayui数据表格数据解析如下
 
 

接着  继续完善我们的demo,这次我们加┅个搜索按钮

在table标签的上方加入这样一组html

在js加入初始化代码和定义加载方法