layui表格的渲染及分页 _小知识

layui
编纂器：phpstormlayui数据表格的衬着1layui的table衬着体例官方文档说是有三种方式：
1、方式衬着，
2、主动衬着,
3、静态表格,
【layui表格的渲染及分页】条条亨衢通罗马，我们只选一条就行了，就用它的方式衬着.

2方式衬着，除了初次表格标签table有html完当作的，其他都是有js来搞定。所以我们这里先写出一个table ，我们这里是一个文章数据表格，所以同时给到id=articleList ， layui的事务匹配属性lay-filter=article.

文章插图

3加载layui.js,然后把我们需要用的模块加载出来， layer和element是最根基的，然后我们这里还用到了table ，如下图。

文章插图

4挪用rer函数衬着表格，先看第一成果图。这里详说一下表头cols这个属性， cols里面是一个数组数据，数组中的元素在这里可以看出是对象，这里每个对象代表一个表头， field的值是，后台返回的数据的key,这个处所官方文档是没有申明的，这个field的值必需和返回数据的字段名一向， lay才能取到准确的值，我们来看第三张图片，对比二和三，所以这里的field的值是按照返回数据字段名来决议的，所以这也是layui为什么只需要求取接口，二不消我们做数据处置的原因。