去除element表格各种边框

烦人的表格线：

image.png

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

image.png

1、去除表格线：

 

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

效果：

image.png

2、去除上边框：

 

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

效果：

image.png

3、去除下边框：

 

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

效果：