element-ui的表格去除表格线_element表格只保留外边框

直接上css代码就行

.tab-le /deep/  .el-table, .el-table__expanded-cell {
        background-color: transparent;
        border: none;
 }
 .tab-le /deep/ .el-table tr {
       background-color: transparent!important;
     border: none;
 }
 .tab-le /deep/  .el-table--enable-row-transition .el-table__body td, .el-table .cell{
       background-color: transparent;
     border: none;
 }
 .tab-le /deep/  .el-table__row>td{
       border: none;
 }
 /* 清除底部横线 */
 .el-table::before {
       height: 0px;
 }
.tab-le >>> .el-table th.is-leaf {
  /* 去除上边框 */
    border: none;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

.tab-le是自定义表格外层盒子的类名。不加的话，/deep/会报错