需求:表格展开行每次只展开一行 expands: [], getRowKeys(row) { return row.id ...
在项目中遇到一个需求,就是使用嵌套子表格时,每次只展示一行,且展开一行另一行收起,直接上代码吧,顺便记录一下 这里需要注意,我们要在外层table组件添加如图三个属性,缺一不可,咳咳,不用杠我那个 lt p table gt ,用就完了,反正是antd的 data里声明一个接受当前展开行rowkey的数组 open里的第一个参数expanded就是点击行展开时是true,收起时是false,方法里 ...
2021-11-30 14:45 0 1164 推荐指数:
需求:表格展开行每次只展开一行 expands: [], getRowKeys(row) { return row.id ...
1、table 部分 :row-key='getRowKeys':expand-row-keys="expands"@expand-change="expandSelect" 2、 ...
https://www.jianshu.com/p/a59c22202f2c <template> <el-table @expand- ...
代码: 参照这个博客园自己写的demo:https://www.jianshu.com/p/a59c22202f2c ...
element ui 表格控件每次只展开一行 在项目中经常会有表格嵌套表格或者表格嵌套表单动态渲染的情况,这时候就可以使用表格的原生控件expand属性具体用法看官网文档https://element.eleme.cn/#/zh-CN/component/table,但是官网给的是点开一行,再 ...
源码:第一步 <el-table :data="tableData" border :row-class-name="tableRowClassName" @expand-cha ...
直接上代码了哈~ 结合element-ui官方文档来阅读,很快就能搞懂原理~ 如有错误,请多指教,谢谢! ...
<el-table :data="pushMessageData" :height="tableStyle.height" border style="width: 100%;" @cell- ...