Shulou(Shulou.com)06/03 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.