ElementUI 表格样式

• thead tr(行) th(表头)

• tbody tr(行) td(列)

SCSS

 1 /deep/.el-table {
 2   background-color: transparent;
 3   tr {
 4     font-size: 16px;
 5     color: #fff;
 6     background-color: transparent;
 7     th {
 8       font-size: 14px;
 9       font-weight: 400;
10       color: #8fd4ff;
11       background-color: transparent;
12     }
13     th.el-table__cell.is-leaf { // 表头下边框
14       border-bottom: 1px solid #4a9bee50;
15     }
16     td.el-table__cell { // 每行下边框
17       border-bottom: 1px solid #4a9bee20;
18     }
19   }
20   &::before { // 表格下边框
21     height: 0;
22   }
23 }
24 // 取消鼠标经过高亮
25 /deep/.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
26   background-color: transparent;
27 }