el-table让选中的行变色，几种情况_el-table选中行变色

转自：点击《el-table》让选中的行变色，亲测实用_怎么实现网页表格的某一行点击后变颜色_0.活在风浪里的博客-CSDN博客

设置点击某一行，改行背景色改变：

给el-table设置 highlight-current-row属性

在style中设置选中行的颜色

 /* 用来设置当前页面element全局table 选中某行时的背景色*/
  .el-table__body tr.current-row>td{
    background-color: #ff784a !important;
     color: #fff;
  }

设置鼠标移上行的背景色：

// 修改鼠标经过表格的颜色
/deep/ .el-table tbody tr:hover > td {
  // background-color: rebeccapurple !important;
  // color: #ffffff;
 
  // 可以选择隐藏
  background-color: transparent !important

}

或

::v-deep .el-table__body tr:hover > td {
background-color: #cd9f9f!important;
color: #ffffff;
}

点击某一事件表格背景色变化

比如点击行内的编辑按钮时，背景色变化；而我单独点击行时，背景色不变化；

给编辑按钮添加点击事件，存储当前编辑的行。

给表格绑定row-style属性

row-style="isRed" 

 

还有一些其他的选中行操作：

https://www.cnblogs.com/Amerys/p/14688342.html

element ui表格多选修改背景色_elementui表单多选选中项背景色_路边蹲着看美女的博客-CSDN博客

https://blog.csdn.net/luoxuebinfei/article/details/123366501

注意：toggleRowSelection如果没有第二个参数，则点击行 复选框选中，再次点击复选框不被选中。如果有第二个参数为true, 则无论点击多少次，复选框均为选中状态