千家信息网

如何实现element表格去掉表头

发表于:2024-11-17 作者:千家信息网编辑
千家信息网最后更新 2024年11月17日,这篇文章主要介绍如何实现element表格去掉表头,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!文档提示用属性show-header
千家信息网最后更新 2024年11月17日如何实现element表格去掉表头

这篇文章主要介绍如何实现element表格去掉表头,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

文档提示用属性show-header

                        /el-table >

!!!重点就是要:show-header动态控制

Element-ui table去掉所有边框

el-table 加 class="customer-no-border-table"

/*去掉表格单元格边框*/   .customer-no-border-table th{     border:none;   }.customer-no-border-table td,.customer-no-border-table th.is-leaf {  border:none;} /*表格最外边框*/.customer-no-border-table .el-table--border, .el-table--group{     border: none;   }  /*头部边框*/   .customer-no-border-table thead tr th.is-leaf{     border: 0px solid #EBEEF5;     border-right: none;   }.customer-no-border-table thead tr th:nth-last-of-type(2){  border-right: 0px solid #EBEEF5;} /*表格最外层边框-底部边框*/.customer-no-border-table .el-table--border::after,.customer-no-border-table .el-table--group::after{     width: 0;   }.customer-no-border-table::before{  width: 0;}.customer-no-border-table .el-table__fixed-right::before,.el-table__fixed::before{  width: 0;}.customer-no-border-table .el-table__header tr th{  background: #fff;  color: #333333 ;  padding: 3px ;  fontWeight: 550 ;  height: 36px ;  border: 0px;  font-size: 15px;}

以上是"如何实现element表格去掉表头"这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

0