layui表格的渲染及分页
layui
编纂器：phpstormlayui数据表格的衬着
- 1
layui的table衬着体例官方文档说是有三种方式：
1、方式衬着，
2、主动衬着,
3、静态表格,
条条亨衢通罗马，我们只选一条就行 了，就用它的方式衬着.
- 2
方式衬着，除了初次表格标签table有html完当作的，其他都是有js来搞心猿意马。所以我们这里先写出一个table，我们这里是一个文章数据表格，所以同时给到id=articleList，layui的事务匹配属性lay-filter=article.
- 3
加载layui.js,然后把我们需要用的模块加载出来，layer和element是最根基的，然后我们这里还用到了table，如下图。
- 4
挪用render函数衬着表格，先看第一成果图。这里详说一下表头cols这个属性，cols里面是一个数组数据，数组中的元素在这里可以看出是对象，这里每个对象代表一个表头，field的值是，后台返回的数据的key,这个处所官方文档是没有申明的，这个field的值必需和返回数据的字段名一向，lay才能取到准确的值，我们来看第三张图片，对比二和三，所以这里的field的值是按照返回数据字段名来决议的，所以这也是layui为什么只需要求取接口，二不消我们做数据处置的原因。
- 发表于 2019-12-07 17:32
- 阅读 ( 1015 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章