1.我目前使用的是npm下载的最新版本,集成在jsp页面中使用的,之前使用el-table做了一个可以展开的table,内部展开以后仍然是一个table的需求,但是遇到了bug,展开以后内部的table选中高亮以后会出现问题,比如第一个选中高亮设置成功,点击一下外部的table某一行,高亮设置在外部的table行上,内部的table需要取消行高亮,然后...
但写为this.selectRow(target)高亮生效。 原因:this.currentRow来源是之前的表格数据,不是目前最新的表格数据。而el-table的高亮方法要求必须是当前的表格数据,即使它们的值一样,但是内存地址不同。(打个比方:两套房子内部一摸一样,但这就是两套房子不是同一套房子)。 // 获取选中行onRowClick(row) {this.cur...
在el-table-column里面使用了template的时候,点击template里面dom元素的时候不知道如何实现这一行的高亮? 使用的饿了么UI开发vue项目,关于el-table组件已经使用了highlight-current-row属性实现点击行的高亮,但还有一个下面的需求没有满足 相关代码 <el-table-column label="操作" width="60"> <template slot-scope...
// 通过预先定义的行号来选中要高亮的行 letselector=`.mo-table__row:nth-child(${item.row_index+1})`; $(selector).addClass('mo-table__row--active'); } }, }, created() { this.getData(); }, }; </script> <stylelang="less"> ...
{// val选择两条的时候把第一条取消选择this.$refs.dataGrid.toggleRowSelection(val[0],false)this.current=val[1]}},selectAll(){// 不允许多选this.$refs.dataGrid.clearSelection()},rowDblclick(row){// 双击的时候 选中this.$refs.dataGrid.clearSelection()this.$refs.dataGrid.toggleRowSelection(row,...
'selected' : '';},selection_change(selection) {this.selection = selection;},row_click(row, column, event) {this.$refs.table.toggleRowSelection(row)},}};</script><style lang="scss" scoped>.table {>>>tr.selected {$backgroundColor: #E6A23C; // 高亮选中行背景色background-color: $back...
1.背景 选中表格中某一行,高亮显示,table表格数据变化后(删除某几条数据,不包括选中的删除), this.$refs.multipleTable.setCurrentRow(row),选中之前选中的行,可发现总是选中下一条的数据(选中的是2,删除3,4,5后再用this.$refs.multipleTable.setCurrentRow(row)选中2,结果选择的是6),控制台打印的数据是2...
element-ui提供的表格组件是有单选功能的,只是组织形式是以选中行高亮的方式,有一些人会觉得不够明显,因此稍微变通一下,在每一行前加上radio单选按钮。 <el-table ref="ridioTable" :data="tableData" tooltip-effect="dark" height="255" style="width: 100%" @current-change="clickChange"> <el-table-...
思路:勾选超过1条勾选第二条的时候做处理,将新勾选的设置选中,之前勾选的一条取消选中 el-table页面添加 highlight-current-row 行选中高亮显示, @current-change行选中事件 @selection-change勾选框选中事件 <el-table@current-change="handleSelectionChange"highlight-current-row @selection-change="handleSelecti...