ElementUi中table组件使用row-class-name但是无效的坑

1. 问题描述:

作为一个苦逼的JAVA后端写前端

• 在使用elementUI的Table组件时, 想要使用其中row-class-name对某行满足条件的数据进行设置CSS指定时发现不起作用.

2. 问题复现:

3. 问题处理:

• 在网上搜索说是 Style标签中Scoped去掉 或者是 当前table标签中 stripe 和 row-class-name 不能共存, 但是我这里没有这两个属性同时存在, 所以如果你们碰到了可以尝试下.

• 后面请教了公司前端只需要在选择器前面加 /deep/

  例如:

  /deep/ .el-table .del-row {
      		background-color: red;
     		color: white;
  	}

• 如果要强行修改elementUI的样式都是使用 /deep/