el-table去表格边框（vue element-ui ）_el-table去除边框

话不多说 直接上代码

        // 去掉表格单元格边框
        .customer-table th {
          border: none;
        }
        .customer-table td,
        .customer-table th.is-leaf {
          border: none;
        }
        // 表格最外边框
        .el-table--border,
        .el-table--group {
          border: none;
        }
        // 头部边框
        .customer-table thead tr th.is-leaf {
          // border: 1px solid #ebeef5;
          border-right: none;
        }
        .customer-table thead tr th:nth-last-of-type(2) {
          border-right: 1px solid #ebeef5;
        }
        // 表格最外层边框-底部边框
        .el-table--border::after,
        .el-table--group::after {
          width: 0;
        }
        .customer-table::before {
          width: 0;
        }
        .customer-table .el-table__fixed-right::before,
        .el-table__fixed::before {
          width: 0;
        }
        // 表格有滚动时表格头边框
        // .el-table--border th.gutter:last-of-type {
        //   border: 1px solid #ebeef5;
        //   border-left: 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
25
26
27
28
29
30
31
32
33
34
35
36
37
38