el-table的行如何取消鼠标移入样式改变
时间: 2023-10-18 20:52:58 浏览: 301
vue3 el-table多级表头收缩扩展的实现(JS原味版)
你可以通过自定义 CSS 来取消鼠标移入时的样式改变。具体步骤如下:
1. 首先,给你的 el-table 添加一个自定义的 class,例如 "no-hover-style":
```html
<el-table class="no-hover-style">
<!-- 表格内容 -->
</el-table>
```
2. 接下来,在你的 CSS 文件中,使用该 class 来取消鼠标移入时的样式改变:
```css
.no-hover-style .el-table__row:hover {
background-color: transparent !important;
}
```
这样,当鼠标移入 el-table 的行时,背景颜色将不再改变。
注意事项:
- 以上示例假设你已经引入了 Element UI 的样式文件。
- 如果你只想取消某个特定列的鼠标移入样式改变,可以使用 `.el-table__column--your-column-class:hover` 来针对该列进行样式修改。将 "your-column-class" 替换为你自定义的列 class 名称。
阅读全文