elementui_1">elementui表格鼠标滑过不改变背景色
在Element UI中,要实现表格鼠标滑过时不改变背景色,可以通过CSS覆盖默认的样式。
以下是实现这一功能的CSS代码示例:
/* 覆盖表格行鼠标滑过的背景色 */
.el-table .el-table__body tr:hover > td {background-color: inherit; /* 继承父元素背景色或者指定为初始背景色 */
}
自定义行背景色
<el-table :data="tableData" style="width: 100%" v-loading="loading" size="mini" border:row-style="rowStyle" ></el-table>
rowStyle({ row}) {if (row.isOverdue) {return { 'background-color':'#FFC0CB'}}if (row.toBeOverdue) {return { 'background-color': '#FFFACD' }}
},