如何修改el-table行背景色

 时间:2024-10-13 06:20:19

1、打开一个vue文件,插入一个el-table的组件,然后设置表格显示内容为日期、姓名、地址。如图

如何修改el-table行背景色如何修改el-table行背景色

2、在el-table标签上添加row-class-name属性,设置值为tableRowClassName。如图

如何修改el-table行背景色

3、设置tableRowClassName方法返回一个隔行背景色为浅黄色的yellow类。如图

如何修改el-table行背景色

4、使用css设置表格orange的背景色为浅黄色。如图

如何修改el-table行背景色

5、保存vue文件后即可看到el-table表格隔行的背景色已经变为浅黄色效果。如图

如何修改el-table行背景色
  • 禁用远程登录此电脑桌面 禁止Telnet登录设置
  • 如何设置el-table多选效果
  • eclipse怎么更改工作空间?
  • 如何在DbVisualizer中添加本地mysql数据库
  • eclipse如何设置树形包目录以及自动展开
  • 热门搜索
    广州旅游攻略自助游 四川旅游最佳路线 鄱阳湖旅游 法国旅游要多少钱 北海旅游地图 广宁旅游景点大全 苏州三三旅游官网 国庆旅游好去处 内蒙古赤峰旅游景点 厦门大嶝岛旅游攻略