关于前端:eltable修改css取消行hover时的高亮问题以及在设置fixed后的取消高亮问题

12次阅读

共计 534 个字符,预计需要花费 2 分钟才能阅读完成。

问题: 应用 el-table 在左边设置固定列, 因我的项目须要勾销 hover 时行的高亮成果, 查找办法如下

// 失常表格
::v-deep .el-table tbody tr:hover>td {background-color: transparent !important;}

// 左边固定列表格
::v-deep .el-table__fixed-right tbody tr:hover>td {   // 左边固定
  background-color: transparent !important;
}

通过以上的设置的确能够达到肯定的成果, 表格在 hover 的时候局部不高亮, 这样是不满足的, 所以从新找到上面的形式能够解决问题

::v-deep  .el-table .el-table__body tr.hover-row > td{background-color:#ffffff!important}
::v-deep  .el-tablle--enable-row-hover .el-table__body tr:hover > td{background-color:#ffffff!important}

通过下面的设置, 失常表格和左边的固定列表格都达到了想要的成果, 在任何时候 hover 都不会呈现行高亮的成果, 至此解决问题.

正文完
 0