去除element table表格所有边框

 在表格外层包一层自定义的div class=”table-wrapper”,利用三箭头深度修改

/* *表格背景透明 */
	/* //透明化整体 */
	.table-wrapper /deep/.el-table,.el-table__expanded-cell {
	  background-color: transparent !important;
	}
	/* //透明化行、单元格,删除表头下横线 */
	.table-wrapper /deep/ tr, .table-wrapper /deep/ th, .table-wrapper /deep/ td {
	  background: #1439391c !important;
	  color:#fff;
	  border-bottom: 0px;
	   /* //删除表头下横线 */
	}
	/* //hover时样式 */
	.table-wrapper /deep/ .el-table tbody tr:hover>td {
	  background-color: #367f7f78 !important
	}
	/* // 表格内容(有用) */
	.table-wrapper /deep/ .el-table__row {
	  background: #1439391c !important;
	  color: #46d4ff;
	}
	/**表格背景透明end */
	.table-wrapper >>> .el-table__row>td{
	  /* 去除表格线 */
	  border: none;
	}
	.table-wrapper >>> .el-table th.el-table__cell.is-leaf {
	  /* 去除上边框 */
	   border-bottom: none !important;
	}
	.table-wrapper >>> .el-table__inner-wrapper::before{
	  /* 去除下边框 */
	   height: 0;
	}

    原文作者:一去不复返go
    原文地址: https://blog.csdn.net/liyongchunscr/article/details/125068153
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞