如何给el-table中的行添加class

在el-table里有这么一个属性row-class-name，是一个回调函数，可以给el-table__row加class。

 

 

举个栗子：

template

<el-table :data="dataTable" border style="width: 100%" :row-class-name="tableRowClass">

script

methods: { 　　tableRowClass(val){    　　if(val.row.excessTime == '已结束'){          return 'row-bg';       }else{          return '';       }    } }

style

<style> .el-table .row-bg{ background: #5CB85C; } </style>

　　

　　

 

转载于:https://www.cnblogs.com/janney/p/9708228.html