Layui设置单元格样式

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

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

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

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

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

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

相关文章:

  • 2022-12-23
  • 2021-11-30
  • 2022-12-23
  • 2022-12-23
  • 2021-12-14
  • 2021-06-06
  • 2021-07-04
  • 2021-06-14
猜你喜欢
  • 2022-01-24
  • 2022-12-23
  • 2022-12-23
  • 2021-11-27
  • 2021-07-28
  • 2022-12-23
  • 2021-09-01
相关资源
相似解决方案