layui表格

Layui表格：
Layui渲染表格的方式有三种，且三种表格的渲染方式分别是：
·方法渲染；采用js方法的配置完成渲染的机制，该方式无需写过多的HTML，在js中指定原始元素，再设定各项参数即可；
·自动渲染；采用HTML渲染，自动渲染，无需写过多js,可专注于HTML表头部分；
·转换静态表格；该方式转化一段已有的表格元素，无需配置数据接口，在js中指定表格元素，并简单地给表头加上自定义属性即可；
首先使用layui表格第一步需要做的就是引入layui.js，然后再加载table模块；
如下：

–在之前一直使用的是第一种方式：方法渲染表格；
该方法相对来说好用点，也是比较推荐的一种写法；写的代码量也会相对少一点，
直接在js中写入即可；
–但下面说的将也另一种渲染方式；自动渲染表格；
自动渲染表格，其实就是在HTML中的table标签容器内，配置好相对应的参数；
然后由table内部对其完成渲染，无需写初始的渲染方法；
Table标签中，需要写上带有layui-table的class(类),
以及lay-data=“”，并且配置上需要的一些基础属性；
例如整张表的一个高度、宽度、以及获取并返回数据的url等，都可以写入在该
Table标签的lay-data中；
而th标签中也需要使用lay-data的配置属性参数；
但在th标签中，该配置配置的是表头的基础信息；
具体写法如下：

Field对应的是数据返回的字段名；
–同样，该方式也可以自定义模板；和以前的方法渲染自定义模板不同；
该方式自定义的模板，需要定义在一个标签中；
如图：

根据ID对应哪一列的的字段给定义的模板；
可使用a标签写入数据路径返回数据，并自定义样式；
而该写法同样也可以使用if…else…语句进行判断；或者for循环语句
但该写法会有所不同，如图所示，if…else…语句需要使用{{# }}
包裹住才可；否则将自动识别为字符串；
d.exitTime为动态内容；d.字段名，该字段名对应的是数据返回的字段；
相对来说，该方式更容易定义样式；但写法较为麻烦；