如何修改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如何设置树形包目录以及自动展开
  • 热门搜索
    祖国我为你骄傲手抄报 俭以养德手抄报 美丽家园手抄报内容 手抄报板块设计图 读书小报手抄报内容 中华美德手抄报 一年级教师节手抄报 教师节英语手抄报内容 淘气包马小跳手抄报 我爱运动手抄报