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"获取当前点击行的下标
methods中定义tableRowClassName函数:
handleRowClick(row) { this.tableRowIndex = this.getArrayIndex(this.tableData, row); // 获取当前点击行下标 }, tableRowClassName({ row, rowIndex }) { if (rowIndex === this.tableRowIndex) { return ‘highlight-row‘ } return ‘‘ }, // 获取一个元素在数组中的下标 getArrayIndex(arr, obj) { var i = arr.length; while (i--) { if (arr[i] === obj) { return i; } } return -1; }
设置css:
tr.highlight-row td { background-color: #fffbe0; color: #06aea6; }
x
原文:https://www.cnblogs.com/wuqilang/p/13962217.html