el-table设置边框颜色

需求的边框颜色是透明的

1.设置表头的边框颜色

在el-table标签分别绑定两函数

:cell-style="tableCellStyle"

:header-cell-style="tableHeaderCellStyle"

        
          
          
          
            
          
          
            
          
        

2.在methods写绑定的两方法

    // 修改 table cell边框的背景色
    tableCellStyle() {
      return 'border-color: transparent;'
    },
    // 修改 table header cell的背景色
    tableHeaderCellStyle() {
      return 'border-color: transparent;'
    },

3.在style中设置el-table下边框颜色

/* 表格下边框颜色 */
.el-table--border::after,
.el-table--group::after,
.el-table::before {
  background-color: transparent;
}

4.效果如下

el-table设置边框颜色_第1张图片

你可能感兴趣的:(css,html,css3)