当前位置： 首页互联网正文 本文介绍: element ui提供的table组件，支持扩展列属性。 系列文章目录 table 扩展列 文章目录 目录 前言 一、适用场景？ 二、如何使用？ 1.使用参考 2：使用注意 三：效果图 前言 element ui提供的table组件，支持扩展列属性 一、适用场景？ 父子表中展示子表数据，可封装为子组件 二、如何使用？ 1.使用参考 1：table内使用扩展列，type=”expand“，只支持一个 2：支持table内扩展Table，建议为子组件，传递主键进行查询 父组件 <el-table-column type="expand" label="明细" min-width="9%" width="80px"> <template v-slot="scope"> <check-sub-list :check-id="scope.row.checkId" /> </template> </el-table-column> 子组件 <el-table :data="list" v-loading="loading" style="height: 80px;width: 90%;margin: 0 auto;" border> <el-table-column label="检测员" align="center" width="100"> <template v-slot="scope"> <select-tag :options="$store.state.cache.system.userSelect" :value="scope.row.checker" /> </template> </el-table-column> 子组件参数 props: { checkId:{ type: String, default: null }, }, 子组件监听 checkId(val) { this.getList(); }, </el-table> 2：使用注意 外层不要用fix 三：效果图 原文地址:https://blog.csdn.net/weixin_45697659/article/details/129926646 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。 如若转载，请注明出处：http://www.7code.cn/show_32420.html 如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！ 主题授权提示：请在后台主题设置-主题授权-激活主题的正版授权，授权购买：RiTheme官网显示所有内容声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。table扩展组件 代码007普通 打赏 收藏 海报 链接
