我爱吃西瓜喵
2019-03-15 09:51急!!关于element-ui table 如何用按钮控制 使table的展开行 全部打开和隐藏?
10html:
控制按钮:
<el-button
type="success"
size="small"
:icon="active?'el-icon-arrow-up':'el-icon-arrow-down'"
@click="displaysubBond"
>展开</el-button>
主表+子表
<el-table :data="bondList" height="550" style="width:90%" :default-expand-all="isExpand" border>
<el-table-column type="expand">
//可展开的子表
<template slot-scope="props">
<el-table :data="subBondList" border >
<el-table-column></el-table-column>
……
</el-table>
</template>
</el-table-column>
<el-table-column></el-table-column>
</el-table>
script:
data(){
return {
isExpand:false
}
}
displaySubBond() {
this.active = !this.active;
if (this.active) {
console.log("展开");
this.isExpand = true;
} else {
console.log("关闭");
this.isExpand = false;
}
}
展开跟关闭都能显示到控制台上,但是子表就是不能展开,没有反应!
QAQ求解
- 点赞
- 回答
- 收藏
- 复制链接分享
3条回答
为你推荐
- Element-UI 的表格排序wen't
- 开发语言
- 1个回答
- 关于el-table无法渲染的问题,求大佬指教
- vue.js
- bootstrap
- 1个回答
- 使用jQuery drag + drop从SQL表中删除一行
- javascript
- mysql
- php
- jquery
- 1个回答
- 将单元格添加到不属于对话框的表中
- html
- javascript
- dialog
- jquery
- php
- 1个回答
- 发布到php脚本时,jQuery AJAX请求不会被触发。
- ajax
- php
- jquery
- 2个回答
换一换