去除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;
}

效果:

image.png

你可能感兴趣的:(去除element表格各种边框)