el-table fixed hover
时间: 2023-09-25 08:06:40 浏览: 54
el-table的fixed属性和hover效果可以通过以下样式实现:
当table没有加fixed属性时,可以使用以下样式来实现hover效果:
.el-table__body .el-table__row.hover-row td {
background-color: #fff !important;
}
当table加了fixed属性时,可以使用以下样式来实现hover效果:
.el-table tbody tr:hover > td {
background: #fff !important;
}
另外,如果想要更精确地设置hover的颜色,可以使用以下样式:
.el-table tbody tr:hover > td {
background-color: #颜色;
}
或者
.el-table__body-wrapper tbody tr:hover > td {
background-color: #颜色;
}
以上是el-table fixed属性和hover效果的实现方法。希望对你有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [element 表格el-table改变hover背景颜色(fixed)](https://blog.csdn.net/weixin_63621456/article/details/125994643)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [关于element-ui 中 table 鼠标悬停时高亮背景颜色的修改,添加fixed后颜色又出现问题](https://blog.csdn.net/qq_47703624/article/details/114435077)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]