layui表格總結
阿新 • • 發佈:2018-12-07
layui表格總結
表格的預設類名: class="layui-table"
<table class="layui-table" lay-skin="row"> <thead> <tr> <th>暱稱</th> <th>加入時間</th> <th>簽名</th> </tr> </thead> <tbody> <tr> <td>賢心</td> <td>2016-11-29</td> <td>人生就像是一場修行</td> </tr> <tr> <td>許閒心</td> <td>2016-11-28</td> <td>於千萬人之中遇見你所遇見的人,於千萬年之中,時間的無涯的荒野裡…</td> </tr> </tbody> </table>
基礎屬性:
靜態表格支援以下基礎屬性,可定義不同風格/尺寸的表格樣式:
屬性名 | 屬性值 | 備註 |
---|---|---|
lay-even | 無 | 用於開啟 隔行 背景,可與其它屬性一起使用 |
lay-skin="屬性值" | line (行邊框風格) row (列邊框風格) nob (無邊框風格) |
若使用預設風格不設定該屬性即可 |
lay-size="屬性值" | sm (小尺寸) lg (大尺寸) | 若使用預設尺寸不設定該屬性即可 |