elementUI table中fixed使用时，修改背景色后混乱

原创于 2020-08-17 09:56:10 发布 · 2.2k 阅读

CC 4.0 BY-SA版权

文章标签：

本文解决ElementUI table组件使用fixed属性时，修改背景色导致的显示混乱问题。通过调整CSS样式，实现hover状态下的背景色一致，确保表格美观与功能完整。

在这里插入图片描述
如图，改变背景色后，加了fixed，左右固定的地方会和其他地方颜色混乱

.el-table__body tr:hover > td {
  background-color: rgba(0, 0, 0, 0.3) !important;
  font-weight: bolder
}

后来再添加一行代码就行了
左侧和右侧是固定的
如图，修改表格背景色


.el-table__body .el-table__row.hover-row td {
  background-color: rgba(0, 0, 0, 0.3) !important;
  font-weight: bolder;
}

2 条评论