elementui表格划过背景色
时间: 2023-09-29 21:05:30 浏览: 79
网页中表格单元改变背景色
要为 Element UI 表格添加鼠标划过时的背景色,你可以使用 `row-class-name` 属性来设置行的类名。根据这个类名,你可以自定义需要的样式。
首先,在你的表格组件的 `<el-table>` 标签上添加 `row-class-name` 属性,如下所示:
```html
<el-table :data="tableData" row-class-name="highlight-row">
<!-- 表格列配置 -->
</el-table>
```
然后,在你的样式文件(CSS 或 SCSS)中定义 `.highlight-row` 类的样式,例如:
```css
.highlight-row {
background-color: #f5f5f5; /* 设置鼠标划过时的背景色 */
}
```
这样,当鼠标划过表格行时,相应的行将应用 `.highlight-row` 类的样式,从而实现背景色的变化。你可以根据需要自定义背景色的数值。
阅读全文