Layui设置单元格样式

Layui设置单元格样式

首先引用layui的js和css
Layui设置单元格样式Layui设置单元格样式

然后初始化一个表格
Layui设置单元格样式

而layui中有个表头属性,style,可以设置改表头下所有的表格的样式,比如字的颜色,单元格的背景颜色。

也可以修改其中某些特定的表格的样式,比如商品状态为禁用的表格,就可以使用某些颜色突显出来。
默认的数据表格为:
Layui设置单元格样式
当加上表格样式后:
Layui设置单元格样式商品列表的一列就会改变:
Layui设置单元格样式倘若需要将状态一列中的启用改变样式,则需要配合用到layui数据表格中的templet这个属性

其详细使用步骤可以去layui官网示例中查看

而style则可以使其中的数据更突出,方便用户查找和使用