-
element默認的table僅支持點擊左側的箭頭展開折疊當前項,如圖所示:
image 而實際的需求是要點擊其中一行展開折疊當前項。
用到了Table Events的
row-click
事件:當某一行被點擊時會觸發(fā)該事件和Table Methods的
toggleRowExpansion
方法:用于可展開表格,切換某一行的展開狀態(tài)。接受兩個參數(shù)row, expanded
<el-table
:data="tableData"
ref="refTable"
style="width: 100%"
@row-click="expandChange"
>
</el-table>
expandChange(row,index,e){
this.$refs.refTable.toggleRowExpansion(row)
}