1. 程式人生 > >layui表格總結

layui表格總結

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 (大尺寸)
若使用預設尺寸不設定該屬性即可