默認樣式

深色主題

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>

總結(jié)

以上是生活随笔為你收集整理的el-table中奇偶行背景色显示不同的颜色的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。