el-table去表格边框(vue element-ui )

  • Post author:
  • Post category:vue

话不多说 直接上代码

        // 去掉表格单元格边框
        .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;
        // }

版权声明:本文为weixin_46653486原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。