【element-ui】el-table表格高亮选中

highlight-current-row 是否要高亮当前行

javascript 复制代码
  <el-table
  	ref="singleTable"
    highlight-current-row
    @current-change="handleCurrentChange"
  >
  </el-table>

修改高亮行的颜色

css 复制代码
.current-row {
 background-color: pink;
}

由current-change事件来管理选中时触发的事件,它会传入currentRow,oldCurrentRow

javascript 复制代码
handleCurrentChange (currentRow, oldCurrentRow) {
}

高亮取消

javascript 复制代码
this.$refs.singleTable.setCurrentRow()
相关推荐
john_Asura几秒前
Vue3 自定义指令完全指南
前端·javascript·vue.js·npm·html
墨渊君3 分钟前
还原 Mac Dock 栏动效: 一步步打造流畅的波形缩放动画
前端·css·react.js
凌览9 分钟前
4.4K Star 的 chrome-remote-interface 竟有这样的神功,不用写浏览器插件轻松搞定账号密码自动化填充
前端·后端·trae
独立开阀者_FwtCoder24 分钟前
用分层结构扩展你的 React 项目
前端·javascript·后端
独立开阀者_FwtCoder27 分钟前
AI 神器!一键把 Vue3 源码解析成文档!
前端·javascript·vue.js
观默29 分钟前
90分钟从想法到发布,我是这样做的
前端·ai编程
筱筱°32 分钟前
Vue 登录 记住密码,设置存储时间
前端·javascript·vue.js
XboxYan1 小时前
CSS grid 布局如何添加分隔线?
前端·css
前端极客探险家1 小时前
CSS 入门全解析
前端·css
隐形喷火龙1 小时前
搭建TypeScript单元测试环境
javascript·typescript·单元测试