去除elementUI<el-table>表格线

表格去除boder后还是有表格线这就需要其他操作

去除elementUI<el-table>表格线_第1张图片

1、表格结构:在表格外层包一层自定义的class,利用三箭头深度修改

去除elementUI<el-table>表格线_第2张图片

 2、去除表格线

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

结果: 

去除elementUI<el-table>表格线_第3张图片 

 3、去除上边框:

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

结果:

去除elementUI<el-table>表格线_第4张图片

4、 去除下边框:

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

 结果:

去除elementUI<el-table>表格线_第5张图片

 

你可能感兴趣的:(css,elementui,css,html)