element ui 表格样式的修改

1. 修改表格高亮行的颜色

.el-table--enable-row-hover .el-table__body tr:hover>td{

background-color:#fff7e5 !important;

}

2. 设置展开行的展开部分的背景色

.el-table .el-table__expanded-cell {

background-color:rgba(235, 245, 255, 0.6);

}

3. 设置展开行的展开部分的高亮背景色

.el-table--enable-row-hover .el-table__body tr.expanded+tr:hover>td{

background-color:rgba(235, 245, 255, 0.6)!important;

}

4.去掉表格里的横线

 .el-table td {

border-bottom:none !important;

}

.el-table th.is-leaf {

border-bottom:none !important;

}

 .el-table__row>td{

border:none;

}

 .el-table::before {

height:0;

}

你可能感兴趣的:(element ui 表格样式的修改)