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

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

 

 

 举个栗子：

template

1
<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

1
2
3
4
5
<style>
.el-table .row-bg{
  background: #5CB85C;
}
</style>
posted @ 2019-12-25 17:01  front-gl  阅读(2485)  评论(0)  编辑  收藏  举报