vue|Element-ui| highlight-current-row如何改vue表格的高亮的背景颜色
从Element-ui官方网站上找到对于table表格的整行选中的效果如下:但是默认的这个整行选中背景颜色有点浅,如果想对其修改背景颜色,可以修改默认样式,如下:<style>.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-ro
·
1. 官方文档

2. 官方效果图
从Element-ui官方网站上找到对于table表格的整行选中的效果如下:
3. 修改 highlight-current-row背景颜色
但是默认的这个整行选中背景颜色有点浅,如果想对其修改背景颜色,可以修改默认样式,如下:
<style>
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row>td {
color: #fff;
background-color: #a2a4a7!important;
}
</style>
修改了当前页的这个样式后,会看到下边的效果:

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)