【el-table】设置行变色，以及鼠标移入的时候保持背景色不变_elementui表格鼠标滑过不改变背景色

1、根据条件设置行变色，这个官网上也有示例，没啥难的，直接贴代码了

 <el-table       
             :data="navList"        
              :row-class-name="tableRowClassName"
              :cell-style="tableCellstyle"
            >
1
2
3
4
5

    tableRowClassName({ row, rowIndex }) {
      if (row.Flag == 'Y') {
        return 'changeBcg'
      }
      return ''
    },
1
2
3
4
5
6

/deep/.el-table {
  .changeBcg {
    background: #fff2cc;
  }
}
1
2
3
4
5

2、设置好背景色后发现，每次鼠标移入到变色的行上面，背景色就会变成灰色，要求是移入也要是变过色的背景色

    tableCellstyle({ row, rowIndex }) {
      if (row.Flag == 'Y') {
        return 'background:  #fff2cc'
      }
      return ''
    },
1
2
3
4
5
6