element-ui怎么調節表格中某一列的樣式


想用element-ui實現,表格中某一個,或者某一行樣式
怎么設置單元格某一列,或者其他樣式
<div class="table">
          <template>
            <el-table 
            :data="tableData_i" 
            border 
            style="width: 96%; margin-left: 14px" 
            :default-sort = "{prop: 'name1', order: 'descending'}"
            :header-cell-style="{textAlign: 'center'}"
            :cell-style="cellStayle">
              <el-table-column sortable prop="name1" label="支付時間" width="200"></el-table-column>
              <el-table-column prop="name2" label="所屬站台" width="115" ></el-table-column>
              <el-table-column prop="name3" label="訂單編號" width="300" ></el-table-column>
              <el-table-column prop="name4" label="商戶訂戶單" width="300" ></el-table-column>
              <el-table-column prop="name5" label="第三方訂戶單" width="300" ></el-table-column>
              <el-table-column prop="name6" label="交易類型 " width="150" ></el-table-column>
              <el-table-column prop="name7" label="交易金額"></el-table-column>
            </el-table>
          </template>
</div>
在函數 moethods:{
  
  //row         表示某一行除操作外的全部數據
     //column      為某一列的屬性
       //rowIndex    為某一行
       //columnIndex 為某一列
cellStayle({row,columnIndex}){
        if (columnIndex === 5 && row.name6 == '微信支付'){
            return 'color : green'
        }else{
    return '如果條件都不成立則返回'
      },
}

 

 

cellStayle({row,columnIndex}){
        if (columnIndex === 5 && row.name6 == '微信支付'){
          return 'color : green'
        }else if(columnIndex === 5 && row.name6 == '支付寶支付'){
          return 'color : red'
        }
},

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM