首页 > 其他分享 >element-ui的el-table自带横线的去除 和 table边框线去除

element-ui的el-table自带横线的去除 和 table边框线去除

时间:2023-05-15 18:45:46浏览次数:42  
标签:el deep ivu 去除 table border

去除table单元格的底线 和 去除table的边框线

// 去掉所有的横线
.el-table__row>td{ border: none; }
.el-table::before { height: 0px; }

// 只去除表格的最最底部的横线
div /deep/ .el-table--border::after,
div /deep/ .el-table--group::after,
div /deep/ .el-table::before {
    background-color: transparent;
} 

iviewui的table边框线去除

// 整个table的下边框和右边框
    /deep/ .ivu-table:before,/deep/ .ivu-table:after{
      background: white;
    }
// table中所有的横边框 
    /deep/ .ivu-table td,/deep/ .ivu-table th{
      border-bottom: 1px solid white;
    }
// 整个table的上边框和左边框
    /deep/ .ivu-table-wrapper {
      border: none;
    }

 

标签:el,deep,ivu,去除,table,border
From: https://www.cnblogs.com/chccee/p/17402781.html

相关文章