想用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'
}
},
