直接上代码
<el-table :data="tableData" class="tableClass" :row-class-name='TableRowClassName' height="80%">
<el-table-column
align='center'
prop="so_name"
label="名称"
width="180">
</el-table-column>
</el-table>
export default {
methods: {
TableRowClassName({row, rowIndex}) {
if (rowIndex%2==0) {
return 'statistics-warning-row'
} else {
return ''
}
},
}
}
<style>
.statistics-warning-row {
background: #0A1847 !important;
}
</style>
使用row-class-name方法给table添加一个行的 className 的回调方法,