296 次浏览【转载需注明来源】
表格再网页种很是常用,尤其是做后端展示数据,几乎都是用的表格展示,
layui内置了静态表格和动态表格,我们先了解一下静态表格,静态表格很简单,就是在普通的表格上内置了很多样式,通过属性来设置表格样式。
代码示例:
代码效果展示:
除此之外还有更多属性值,大家可以自行更改,组合:
属性名 | 属性值 | 备注 |
lay-隔行 | 无 | 用于表格隔行换色。 |
lay-风格 | 行边框风格 列边框风格 无边框风格 |
若使用默认风格不设置该属性即可 |
lay-尺寸 | 大尺寸 小尺寸 |
若使用默认风格不设置该属性即可 |
注意:layui的静态表格,一定要用类名 lay-表格 包裹起来。
点击此处跳转案例下载:点击下载lay-表格实例
测试账号