antdesign 组件table展开问题

初心不变时过迁 2021-01-27 11:00:06

我这项目中有个基于table封装好的组件

然后设置了defaultExpandAllRows 为true 默认展开所有的节点

然后在页面中我弄了个tree 通过tree的点击事件切换table的datasourse

而在切换某个datasourse的时候展开所有节点失效了

求解~

...全文

621 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

标签 Pro-Table 是阿里Ant Design Pro V4版本，在Table基础上再封装的一个组件，包含完整的增删改查逻辑，不用复杂的操作，简单几个配置即可实现官网Api地址 https://protable.ant.design/ 示例 V4版本刚出不久，网上的教程还比较少，踩了不少坑，把自己学习过程分享出来，希望可以帮到你创建项目（需要node.js及npm环境） npm config set registry https://registry.npm.taobao.org npm i yarn -g yarn config set registry h

react-antd table树形数据默认展开行实现jsx文件

页面步骤： 1.设置a-tree标签 2.默认的treeNodes值设置为空数组 3.在mounted组件加载的时候给treeNodes的值赋值结果：设置defaultExpandAll无效，并不能展开所有节点原因： defaultExpandAll 仅在组件第一次渲染时有效，不仅仅tree组件，其它组件的defaultXXX值都是这个行为，可以自行搜索受控组件/非受控组件的概念。如果你想异步获取数据后展开全部结点，可以使用非受控方式： https://codepen.io/lovefemi/pen/MMmRvx 补充知识：Ant Design 中Tree踩坑 Tree中的api属性

欢迎来到react-antd-treetable :waving_hand: 介绍基于antd表组件封装，比较适合用于展示的信息。主要扩展的能力：层级缩进指示线远程懒加载子例程子公告分页子例程筛选子每秒空提示这些功能全部通过插件实现，其他的props全部继承自Ant Design的Table组件。用法需要依赖antd ， @ant-design/icons npm i react-antd-treetable -S 最简单的用法和antd的表组件完全一致，数据中带有children分割即可： import React from 'react' ; import TreeTable from 'react-antd-treetable' ; const data = [ { name : 'foo' , children : [ { name

最近因为业务接触了antd，使用antd完成一个复杂的树形表格的显示以及修改。在这其中遇见了不少坑，很多功能antd只写了初步的功能，更为细化的功能只能自己完善。踩过的坑都写在了这里。树形表格的显示在antd中对于表格的key值有着严格的控制，每一个row都必须有一个独一无二的key值，可以是数字也可以是字符串。这一点和我曾经使用过得iview有着很大的区别。react使用key来代表每一行是为了避免重新渲染的问题，这个优化也在实际的开发中带来了不少的问题。比如新建行时需要自定义新key。下面直接上一下代码及代码效果，这是一个三级的树形表格，且其中包含二级标题。最终效果 colu

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章