el-table自定义表头颜色;el-table隔行换色;el-table自定义表头颜色header-row-style不生效;el-table隔行换色row-class-name不生效

el-table自定义表头颜色;el-table隔行换色;el-table自定义表头颜色header-row-style不生效;el-table隔行换色row-class-name不生效_第1张图片

 1.el-table自定义表头颜色header-row-style不生效

解决办法就是换成header-cell-style

  
        
        
        
        
        
        
        
        
        
        
      

2.el-table隔行换色row-class-name不生效

js部分

    tableRowClassName({ row, rowIndex }) {
      console.log(rowIndex, 'rowIndex');
      if (rowIndex % 2 == 0) {
        return 'even-row';
      } else {
        return 'odd-row';
      }
    },

css部分

1.要加深度选择器

2.要加td

3.要加!important

/deep/ .el-table .even-row td {
  background-color: #082959 !important;
  color: #47e2ff;
}

/deep/ .el-table .odd-row td {
  background-color: #051f51 !important;
  color: #47e2ff;
}

你可能感兴趣的:(css,element,vue.js,javascript,前端)