如何给el-table添加选中高亮

给el-table添加选中高亮:highlight-current-row属性使用

  • 首先给el-table添加属性highlight-current-row,当点击当前行的时候会有个默认的高亮

在这里插入图片描述

  • 然后可以根据设计图修改选中行的高亮颜色
.el-table__body tr.current-row > td {
    background-color: #f0f9eb;
  }
  • 如果需要做选中的逻辑处理,那么可以给el-table绑定current-change事件
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_47454283/article/details/127160116