记录一下这次遇到的问题,要求是去掉el-table所有的内外边框线
elementui的边框线去除文章来源:https://www.toymoban.com/news/detail-515223.html
// 去掉所有的横线
.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边框线去除文章来源地址https://www.toymoban.com/news/detail-515223.html
// 整个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;
}
到了这里,关于element-ui的el-table自带横线的去除 和 iview的table边框线去除的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!