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;

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容