[Feature Request] 怎样取消table组件的hover效果？

[yang-jian-bing]

Existing Component

是

Component Name

table

Description

我想取消掉table的hover效果，因为我的每个单元格的颜色是不一样的，hover就会覆盖掉我原有的颜色

[zhuobinggang]

        .el-table__row {
          &:hover > td {
            background-color: #fff;
          }
        }

今天也是遇到这个问题，用这个样式把将td的背景色覆盖掉。

看了下源码，明明有个enable-hover的属性却没有给我们提供props开关真的是不可思议。

这个问题已经OPEN19天了，element的社区就这样？

[yang-jian-bing]

我后面直接放弃了，我还是用了原生的table，

[1015770492]

我也是这个问题，这个问题从4000多楼就有了，但是一直没有解决

[1015770492]

这是我的解决方案 给table添加一个id="playList"

mounted() {
  setInterval(() => {
      document.getElementById("playList").classList.remove("el-table--enable-row-hover")
  })
}

当然也可以使用ref操作，效果是一致的，关键是要让他一致不断的去除，防止它不断的自动添加 我博客有详细的说明 https://blog.csdn.net/qq_41813208/article/details/109324796

[qinzitong]

希望能给个参数 ，可以控制一下。我做了合并单元格以后 hover 效果太丑了。

[Kento97]

这是我的解决方案 给table添加一个id="playList"

mounted() {
  setInterval(() => {
      document.getElementById("playList").classList.remove("el-table--enable-row-hover")
  })
}

当然也可以使用ref操作，效果是一致的，关键是要让他一致不断的去除，防止它不断的自动添加 我博客有详细的说明 https://blog.csdn.net/qq_41813208/article/details/109324796

handleCellEnterLeave() { this.removeHoverEffect(); }, //移除row的hover效果 removeHoverEffect() { if (!this.tableDom) { this.tableDom = this.$refs.table.$el; } this.tableDom.classList.remove("el-table--enable-row-hover"); }, 不要用定时器，用单元格的进入离开事件即可,记得在表格挂载的时候运行：this.$refs.table.layout.store.states.isComplex = false;