如何给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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM