默认样式

深色主题

border
ref="singleTable"
highlight-current-row
@current-change="handleCurrentChange"
:row-class-name="tableRowClassName"
:header-cell-style="{background:'#004d8c',color:'#FFFFFF'}"

事件方法

 //奇偶行背景色不同setCurrent(row) {this.$refs.singleTable.setCurrentRow(row);},handleCurrentChange(val) {this.currentRow = val;},tableRowClassName({row, rowIndex}) {if ((rowIndex + 1) % 2 === 0) {return 'success-row';}return '';},

样式

<style>
.el-table .success-row {background: #DFEAF5;
}
</style>