How to remove the header of element table

This article mainly introduces how to achieve the element table to remove the header, the article is very detailed, has a certain reference value, interested friends must read it!

The document prompt uses the property show-header

!!! The key point is to: show-header dynamic control

Element-ui table, remove all borders.

El-table plus class= "customer-no-border-table"

/ * remove the border of table cell * / .customer-no-border-table th {border:none;} .customer-no-border-table td,.customer-no-border-table th.is-leaf {border:none;} / * outermost border of table * / .customer-no-border-table .el-table--border, .el-table--group {border:none } / * header border * / .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 } / * outermost border of the table-bottom border * / .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;} above is all the content of the article "how to implement the element table to remove the header". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!