ant_desgin_vue踩坑记录——嵌套子表格下拉不显示（展开）

最新推荐文章于 2024-05-22 12:07:07 发布
最新推荐文章于 2024-05-22 12:07:07 发布
阅读量839 收藏
点赞数 1
分类专栏： 网站 编程 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wumingxiaozuzha/article/details/117781900
版权

记录个小坑，踩坑记录

最近使用ant_desgin 做嵌套子表格数据的展示。 发现写好了点击展开子表格无法展开，最后发现是从官网赋值下来的唯一值rowkey 没有修改，默认是key。
而接口数据返回唯一字段是id。 导致点击＋不展开数据。

下面展示错误：
在这里插入图片描述
在这里插入图片描述
接口返回的唯一值字段是id的，所以应该改为id
应该修改为:
在这里插入图片描述
在这里插入图片描述

IT萌新1024
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
表格行嵌套子表格实现
03-26
Flex AdvanceDataGrid 表格行嵌套子表格实现，实现子表格显示数据功能，暂时原理实现的不完善，有需要的或者高手能帮忙细化下最好了。
vue用ant design中table表格,点击某行时触发的事件操作
01-18
使用customRow 设置行属性，写对应事件 ...补充知识：Ant-Design-Vue table 合并单元格，并且添加点击事件 点击行，有一个customRow。可以配置点击事件。 单元格的自定义分为两种方式。 一种是：通过tem
ant design模态框中使用Select组件下拉选框不显示
Kamen_Yip的博客
02-24 1144
原文地址：https://blog.csdn.net/qq_41315539/article/details/107174031 问题描述： 在Modal组件中使用select组件，结果无法显示出下拉选框 解决方法： <Select placeholder="请选择词性" getPopupContainer={triggerNode => trigger.
Ant Design Vue中 a-table 嵌套子表格
最新发布
weixin_73077230的博客
05-22 841
需求：在父表格中嵌套子表格，当点击展开某一行时，有展开的关闭当前展开行。使用a-table中的expandedRowKeys 属性和expand 方法。expand：这个可以接受两个参数，一个是是否展开，另一个是当前行的数据Function(expanded, record)。expandedRowKeys：这个主要是控制展开某行，它是一个数组形式，
Antd Design Vue嵌套表格
DoubleInjured的博客
04-24 1412
判断当前行是否存在子数据，若无子数据则可以提示无子数据，若存在子数据且 expandedRowKeys 属性中不存在当前行数据ID，则表示当前行为展开，固将当前行数据ID添加到 expandedRowKeys 属性中。record （当前点击行的数据）若存在则获取到当前行ID在 expandedRowKeys 属性中的索引位置并删除。需求：若主数据下存在子数据，则展开嵌套表格展示子数据，若无子数据则不可展开。判断 expandedRowKeys 属性中是否存当前行ID，若不存在则走。
ant-design-vue 树型table,当子数组为[](空数组)而非null时，控制左侧展开按钮不显示
qq_43225508的博客
06-05 1043
ant-design-vue 树型table,当子数组为[](空数组)而非null时，控制左侧展开按钮不显示
解决办法：Ant Desgin Vue中Table嵌套子表格展开异常问题
lh_seckill的博客
10-09 1101
表格支持树形数据的展示，当数据中有children字段时会自动展示为树形表格，如果不需要或配置为其他字段可以用childrenColumnName进行配置
Vue + ant design 实现嵌套子表格
是秃子总会发光
04-28 4591
添加主表格一行；添加某个子表格一行；子表格数据的异步加载。
ant design vue 表格table 默认勾选几项的操作
01-22
在 ant design vue 中，表格的第一列是联动的选择框 截一张官方文档图，图示最后一排就是禁用状态 点击 checkbox 会触发onChange , 从而得到selectedRowKeys,selectedRowKeys就是选中的 key 数组。 onChange: ...
vue_form_design:基于Vue3.0的表单设计器
03-16
【Vue3.0表单设计器基础介绍】 Vue3.0是Vue.js框架的最新版本，它带来了许多性能优化和新特性，旨在提升开发效率和应用性能。Vue Form Design是一款基于Vue3.0的表单设计器，它允许开发者通过拖拽方式快速构建动态...
Ant Desgin Vue级联js.rar
11-22
在这个名为"Ant Desgin Vue级联js.rar"的压缩包中，包含的是关于Vue.js与Ant Design Vue结合使用的级联选择器（Cascader）的JS代码和示例。 级联选择器是一种常见的UI元素，它允许用户在多个层次的选项中进行选择，...
CIC_desgin.zip_2级cic滤波器_CIC 滤波器_CIC滤波器_cic_cic滤波器 matlab
07-15
通常，随着阶数增加，截止频率的下降速度会加快，这有助于更好地抑制不需要的频率成分。 E6_4_MultCIC.m文件可能是实现多级CIC滤波器的MATLAB代码。在MATLAB中，我们可以使用离散傅立叶变换(DFT)或傅立叶分析来计算...
ie浏览器下ant-design-vue select 拉框滚动条不显示的解决办法
Austin_的博客
11-16 1132
先上代码： <a-select v-model="queryParam.ticket_name_code" placeholder="请选择" :getPopupContainer= "(target) => target.parentNode"> ... </a-select-option> </a-select&
vue element 编辑下拉框el-select不能回显的问题
热门推荐
小小爪哇工程师的博客
12-16 1万+
本人的需求是点击表格里面的编辑按钮，把数据回显到弹窗内，其他的都能回显，但是就下拉框不能正常的回显。大致意思是：v-model的值必须是一个数据变量，而不是一个条件值或计算值。本人后端人员，有不对的地方，勿喷。
多层嵌套导致显示不完全及滑动不流畅
u010437517的博客
12-25 651
由于多层嵌套，项目用到下拉刷新，以及recycleView，导致在下拉的时候recycleView还未到顶部就被下拉刷新抢占焦点， 于是使用 android.support.v4.widget.NestedScrollView包裹recycleView，出现显示不全现象，尤其是空数据情况下占位图只能占用上面一小部分位置，并不能居中，在NestedScrollView中添加属性 andro...
ant design vue嵌套子表格 编辑子表无法打开编辑状态
kassiaaaa的博客
07-08 467
可能是由于vue的dom状态未及时更新，采用下面强制刷新一下就可以了，例如： 我这里点击编辑，编辑状态未显示： this.$forceUpdate() // 强制刷新，因为数据层次太多，render函数没有自动更新，需手动强制刷新。 ...
ant design vue 在弹窗中使用下拉框导致下拉框选项显示不出来
weixin_59895180的博客
04-29 3492
ant design vue 在弹窗中使用下拉框导致下拉框选项显示不出来
ant design vue嵌套表格子表无数据时不显示展开图标
li_970408的博客
08-19 1640
1.使用expandIcon属性。2.在methods里写方法。
antd-vue 表格树下级展开不了，点击展开没反应
qq_42480170的博客
08-21 1719
使用antd-vue的表格组件，其中数据是树的结构时，使用的是表格树，但渲染之后发现父级点击+号展开不了子级行。检查了数据发现也没有问题，该有的字段都有，有children字段。最后发现原来是我们的表格默认使用index作为每一行的rowKey是使用的index，换成id作为rowKey就行了。
ant desgin vue 表格行样式
08-12
Ant Design Vue 表格（Table）组件支持通过 `row-class-name` 属性来设置行的样式类名。你可以使用该属性根据行数据的属性值来动态设置样式。 例如，假设你有一个表格，其中有一个 `status` 字段，它的值为 1 表示...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值