element的table点击选中之后设置当前行高亮

实现点击当前行样式背景高亮
在element-ui.scss的样式里面添加
.el-table__body tr.current-row>td{
  background-color: #fdf3ea;
  color: #f19944;
}
在这里注意
:row-class-name="tableRowClassName"
是在渲染表格的时候就调用了,不能通过点击事件改变行的颜色
实现hover前行样式背景高亮
在element-ui.scss的样式里面添加
.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #fdf3ea;
  color: #f19944;
}

你可能感兴趣的:(element的table点击选中之后设置当前行高亮)