首先,我会从已知得表格table中得到我需要更改得行对象- 可以用row-click方法直接获取也可以用table得selec方法 然后通过路由传参,将table数组和获取得行对象传递给修改页面-因为在返回页面得时候定位当前行和页,因此这里也要将pagesize和currentPage进行传递 modifyDesc(row) { let params = { id: row.id, codeId...
2、:row-class-name=“tableRowClassName”,需要借助@row-click="handleRowClick"获取当前点击行的下标 data() { return { tableRowIndex: 0 } } 1. 2. 3. 4. 5. handleRowClick(row) { this.tableRowIndex = this.getArrayIndex(this.tableData, row); // 获取当前点击行下标 // ... 点击当前行...
elementUI中table点击⾼亮当前⾏的两种⽅式 1、highlight-current-row 设置css：tr.current-row > td,.el-table__body tr:hover > td { background: #f5f5f5;} 2、:row-class-name="tableRowClassName"，需要借助@row-click="handleRowClick"获取当前点击⾏的下标 data中定义：data() { return { ...
1、highlight-current-row 设置css: tr.current-row > td, .el-table__body tr:hover > td{background:#f5f5f5; } 2、:row-class-name="tableRowClassName",需要借助@row-click="handleRowClick"获取当前点击行的下标 data中定义: data() {return{ tableRowIndex:0} } methods中定义tableRowClassName函...
但是,如果我们再次点击后,该行并不会取消高亮,点击其他行后高亮效果会在其他行生效,这并不完全符合我们的使用习惯。 因此,如果是为了点击高亮,双击后取消高亮的话,我们还需要额外的设置。 三、双击取消高亮 依旧以这个table为例: <el-table :data="tableData" ...
element UI表格组件、点击某行、某行高亮显示 第一步:开启表格的高亮显示配置属性。highlight-current-row 第二步:全局引入css /* 用来设置当前页面element全局table 选中某行时的背景色*/ .container .el-table__body tr.current-row>td{ background-color: #F5F7FA !important;...
<el-table-column prop="address" label="地址"> </el-table-column> </el-table> ``` 这是JS代码 注册这个方法tableRowClassName(),这里传的rowIndex就是需要高亮的数据在数组里面的下标,返回的class类名就是你自己定义的class类名。 ```javascript ...
简介:详解element-ui el-table表格中勾选checkbox(selection),高亮当前行高亮某一行(某一行设置特殊的样式) <template><el-tableclass="table"ref="table":data="tableData":row-class-name="row_class_name"@selection-change="selection_change"@row-click="row_click"><el-table-column type="selection" ...
用element表格中的 @selection-change="handleSelectionChange" :row-style="selectedHighlight" row-class-name="tableRowClassName" 来实现,代码如下: data(){ return{ getIndex:'' selectRow:[], selectData:[] }} watch: { selectData(data) { ...
我在表格的row-click这里设置了双击取消高亮,并且将选中的这一行会存在一个本地变量之中。 但是在第二次打开的时候,第一行默认高亮,本身并没有设置该行为选中行。 第一次点开: 选中该行,点击关闭 第二次打开此el-dialog: 第一行默认高亮 第二次打开窗口后,如果点击第一行,第一行依旧为高亮状态,然后会设置...