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

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值