1、在表格组件‘el-table’中,添加高亮属性:highlight-current-row
<el-table highlight-current-row/>
2、在style里添加背景颜色即可。
<style>
/* 选中某行时的背景色*/
.el-table__body tr.current-row > td {
color: #28A458;
background: rgb(197, 213, 255) !important;
}
</style>
本文介绍了如何在ElementUI的el-table组件中添加高亮当前行的功能,以及如何通过CSS设置选中行的背景颜色。
1、在表格组件‘el-table’中,添加高亮属性:highlight-current-row
<el-table highlight-current-row/>
2、在style里添加背景颜色即可。
<style>
/* 选中某行时的背景色*/
.el-table__body tr.current-row > td {
color: #28A458;
background: rgb(197, 213, 255) !important;
}
</style>

被折叠的 条评论
为什么被折叠?