可以通過指定 Table 組件的 row-class-name 屬性來為 Table 中的某一行添加 class，表明該行處于某種狀態。
注意：如果在el-table中使用了stripe這個屬性，這個屬性是帶斑馬紋的表格樣式，它和row-class-name共存時是沒有效果。
注意：如果在el-table中使用了stripe這個屬性，這個屬性是帶斑馬紋的表格樣式，它和row-class-name共存時是沒有效果。
注意：如果在el-table中使用了stripe這個屬性，這個屬性是帶斑馬紋的表格樣式，它和row-class-name共存時是沒有效果。
這個確實要說三遍，很多人設置了不生效的原因就是這個。
使用scoped設置了樣式作用域 ,這個會影響到class的樣式
可以嘗試使用/deep/深度選擇器,必須在sass或less下
/deep/ .el-table .warning-row {background: oldlace;}/deep/ .el-table .success-row {background: #f0f9eb;}
使用 >>>深度選擇器，只支持css
.el-table >>> .warning-row {background: oldlace;}.el-table >>> .success-row {background: #f0f9eb;}
下面的就是官網的例子
<template><el-table:data="tableData"style="width: 100%":row-class-name="tableRowClassName"><el-table-columnprop="date"label="日期"width="180"></el-table-column><el-table-columnprop="name"label="姓名"width="180"></el-table-column><el-table-columnprop="address"label="地址"></el-table-column></el-table>
</template>
<style>.el-table .warning-row {background: oldlace;}.el-table .success-row {background: #f0f9eb;}
</style><script>export default {methods: {tableRowClassName({row, rowIndex}) {if (rowIndex === 1) {return 'warning-row';} else if (rowIndex === 3) {return 'success-row';}return '';}},data() {return {tableData: [{date: '2016-05-02',name: '王小虎',address: '上海市普陀區金沙江路 1518 弄',}, {date: '2016-05-04',name: '王小虎',address: '上海市普陀區金沙江路 1518 弄'}, {date: '2016-05-01',name: '王小虎',address: '上海市普陀區金沙江路 1518 弄',}, {date: '2016-05-03',name: '王小虎',address: '上海市普陀區金沙江路 1518 弄'}]}}}
</script>
)
)
