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
- 閱讀 ( 847 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章