去除element表格各种边框,实用就完事儿了

本文为搬运学习,感谢原文大佬，原文地址:https://www.jianshu.com/p/9c142a0faaf2

表格线：

 

前言：表格结构：在表格外层包一层自定义的class，利用三箭头深度修改

 

1、去除表格线：

.my_table >>> .el-table__row>td{
  /* 去除表格线 */
  border: none;
}

效果：

 

2、去除上边框：

.my_table >>> .el-table th.is-leaf {
  /* 去除上边框 */
    border: none;
}

效果：

 

3、去除下边框：

.my_table >>> .el-table::before{
  /* 去除下边框 */
  height: 0;
}

效果：