el-table 控制行勾選

有的時候需要根據後端數據來控制表格的勾選狀態,可以用以下方式實現

<el-table  max-height='320' border :data="orderProductList"
         row-key="workOrderCode"
         ref="orderRefundProductTable"
         show-summary :summary-method="totalRule">
    <el-table-column type="selection" width="55"/>
    <el-table-column type="index" fixed label="序號"  min-width="50" header-align="center" align="center"/>                          
</el-table>
this.orderProductList.forEach(row => {
  if (row.refundOrderSubId != null) {
     this.$nextTick(function(){
        this.$refs.orderRefundProductTable.toggleRowSelection(row);
     })
}});

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章