elementui table表格点击当前一行之后添加高亮选中状态 highlight-current-row
跟element-ui本身的单选高亮实现方式一样,都是给选中行加上current-row这个class类,所以要使用row-class-name这个属性(其实给每一行添加rowIndex也可以用这个属性),判断方式也是通过判断rowIndex对比 rowClassName({row,rowIndex}){letrowName="",findRow=this.selectionRow.find(c=>c.rowIndex===row.rowIndex);...
用element表格中的 @selection-change="handleSelectionChange" :row-style="selectedHighlight" row-class-name="tableRowClassName" 来实现,代码如下: data(){ return{ getIndex:'' selectRow:[], selectData:[] }} watch: { selectData(data) { this.selectRow = []; if (data.length > 0) { data....
vue elementui表格选中列高亮其中一列实现方法 最近在开发“林羽凡待办+备忘录”系统的会员权益中心。 需要一个展示会员权益对比的页面,用到了elementui的表格组件。 要求是选中其中一列,高亮显示,效果如下: 实现方法: <el-table :data="tableData" @cell-click="(row, column) => handleClickTable({ column }...
element ui的表格修改选中当前行高亮的颜色 deep为深度选择器,也可以使用>>> /deep/.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#9FB6CD;}