element的table点击选中之后设置当前行高亮_el-table tbody tr.current-row > td

作者：菜鸟追梦旅行 | 2024-02-19 11:26:32

踩

el-table tbody tr.current-row > td

实现点击当前行样式背景高亮
在element-ui.scss的样式里面添加
.el-table__body tr.current-row>td{
background-color: #fdf3ea;
color: #f19944;
}
在这里注意
:row-class-name="tableRowClassName"
是在渲染表格的时候就调用了，不能通过点击事件改变行的颜色

实现hover前行样式背景高亮
在element-ui.scss的样式里面添加
.el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #fdf3ea;
color: #f19944;
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/114437