layui表格总结

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_41179401/article/details/84873142

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 (大尺寸)
若使用默认尺寸不设置该属性即可

猜你喜欢

转载自blog.csdn.net/qq_41179401/article/details/84873142