-
element默認(rèn)的table僅支持點(diǎn)擊左側(cè)的箭頭展開(kāi)折疊當(dāng)前項(xiàng)灯荧,如圖所示:
image 而實(shí)際的需求是要點(diǎn)擊其中一行展開(kāi)折疊當(dāng)前項(xiàng)零渐。
用到了Table Events的
row-click
事件:當(dāng)某一行被點(diǎn)擊時(shí)會(huì)觸發(fā)該事件和Table Methods的
toggleRowExpansion
方法:用于可展開(kāi)表格冲甘,切換某一行的展開(kāi)狀態(tài)席纽。接受兩個(gè)參數(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)
}
轉(zhuǎn)自:http://www.reibang.com/p/805294a6db55