elementUI中table点击高亮当前行的两种方式
<el-table height="93%" :header-cell-style="{background:'#E5EBF1',color:'#517085'}" :data="tableData1" tooltip-effect="dark" @row-click="clickDetailsFun" :row-class-name="tableRowClassName" :row-style="selectedRowStyle" highlight-current-row //高亮设置 style="width: 100%"> <el-t...
:row-highlight-current-row//高亮设置><el-table-columnwidth="30"><template slot-scope="scope"><div :id="scope.$index"></div></template></el-table-column><el-table-columnprop="name" label="电压范围"></el-table-column><el-table-columnprop="value" label="个数"></el-table-column>...
1.我目前使用的是npm下载的最新版本,集成在jsp页面中使用的,之前使用el-table做了一个可以展开的table,内部展开以后仍然是一个table的需求,但是遇到了bug,展开以后内部的table选中高亮以后会出现问题,比如第一个选中高亮设置成功,点击一下外部的table某一行,高亮设
<el-table :data="tableData"class="table_val m-t-20"size="mini" style="width: 80%;margin-left:100px":height="300"empty-text="无符合条件数据" @cell-click="handleClick"//点击单元格所触发的事件 四个参数 行列 元素对象 事件对象
在el-table-column里面使用了template的时候,点击template里面dom元素的时候不知道如何实现这一行的高亮? 使用的饿了么UI开发vue项目,关于el-table组件已经使用了highlight-current-row属性实现点击行的高亮,但还有一个下面的需求没有满足 相关代码 <el-table-column label="操作" width="60"> <template slot-scope...
一、清除el-table 排序高亮状态 需求背景:排序后,切换日期或其他条件重新渲染表格数据,这时候需要去除排序箭头高亮样式。 <el-table ref="table"highlight-current-row style="width: 100%;"><el-table-column sortable ref="applyTimeRef"prop="applyTime"label="申请时间"></el-table-column></el-table>cre...
element-ui:el-table合并单元格后的行高亮显示,有如下一份数据src/data.json完整数据默认显示如下需要按照合并相同用户的名字列(user_id)显示到表格中方案:合并后,发现鼠标经过某一单元格后,并没有
原因:this.currentRow来源是之前的表格数据,不是目前最新的表格数据。而el-table的高亮方法要求必须是当前的表格数据,即使它们的值一样,但是内存地址不同。(打个比方:两套房子内部一摸一样,但这就是两套房子不是同一套房子)。 // 获取选中行onRowClick(row) {this.currentRow= row ...