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