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

问题:应用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都不会呈现行高亮的成果,至此解决问题.

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理