在ElementUI表格中,当点击某一行的操作按钮时,可以通过以下步骤实现高亮当前行的功能: 为每一行添加一个唯一的标识符: 在表格数据中添加一个唯一标识符(如id),以便后续定位到特定行。 javascript data() { return { tableData: [ { id: 1, name: 'John', age: 25 }, { id: 2, name: 'Doe', age...
此处可以用query或者params传参,query会把传的参数拼接到url上,造成很乱得感觉,所以我选择params传递参数,为了防止刷新页面后数据不存在,在传参之前我会把table和行数据用session存储一下 下一步是对修改页面得操作--1、定义空对象将当前页面得值赋值,2、对比当前对象id和传入数组,去除相同得id对象,3、拿到当前对象...
element UI表格组件、点击某行、某行高亮显示 第一步:开启表格的高亮显示配置属性。highlight-current-row 第二步:全局引入css /* 用来设置当前页面element全局table 选中某行时的背景色*/ .container .el-table__body tr.current-row>td{ background-color: #F5F7FA !important; /* color: #f19944; */ /...
ElementUI table自带的有一个highlight-current-row的属性,但是只能单选。所以要实现点击行选中以及多选得自己实现. 目标:单击选中/取消, 按ctrl键点击实现多选 ,按shift/alt键实现连续多选。 实现效果 GIF.gif 1. 监听row-click事件,实现选中 <el-tableref="multipleTable":data="tableData"style="width:100%"...
elementui table表格点击当前一行之后添加高亮选中状态 highlight-current-row