antd 表格树如何展开_ant-design-pro protable 树形表格默认展开-程序员宅基地

技术标签: antd 表格树如何展开  

Protable 是在antd 的 table 上进行了一层封装,antd -table中有的属性它都支持. 当表格数据中有children字段,table会默认生成树形可展开表格,有时候需要一开始就默认展开,文档有一个属性defaultExpandAllRows默认展开所有行,但是设置这个之后并没有生效,原因是这个属性只在初始的时候加载一次,一般数据是从后台请求的,当时数据还没回来,数据回来时这个属性已经不会再次更新了.

如果是使用antd 的table,可以在表格元素加一个判断,数据存在在渲染

const Tree: React.FC = () =>{

const [treeData, setTreeData]=useState([])

const getData= () =>{

setTimeout(()=>{

setTreeData(data)

},2000);

}

useEffect(()=>{

getData()

}, [])return (<>{(treeData&& treeData.length) ?

columns={columns}

expandable={ {defaultExpandAllRows: true}}

dataSource={treeData} /> : '暂无数据'}

>)

}

exportdefault Tree

但是在Protable中这个方法并不适用,使用expandable的另一个属性defaultExpandedRowKeys可以达到这个效果,只是要多处理一次数据

const

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_39654352/article/details/111512772

智能推荐

leetcode-9.回文数(水仙花数)-程序员宅基地

leetcode-9.回文数(水仙花数)题意:给定整数,判断是否是水仙花数(回文数),返回判断结果算法: 1.判断负数, 如果是负数直接返回false 2.将整数逐位拆解,用数组存储 3.遍历数组,若本位与后面对应位不等返回false.Code 1 class Solution { 2 public: 3 b...

win10:我们无法创建新的分区,也找不到现有的分区,_https://blog.csdn.net/xh13096/article/details/1012_nullhan的博客-程序员宅基地

今日一朋友拜托我帮他笔记本升级+安装win10。加了一个内存条以后,就进入了安装win10的工作。在选完我没有序列号,win10版本等等以后,一直跳出来的这个信息挺烦人。(因手机没拍照片,从网上找到一张合适的,图片来源网络,侵权请联系我)那么下面分析下警告的原因!朋友的笔记本是12年的次时代产品,没有固态,只有一个320G的机械硬盘。且引导方式没有UEFI.所以磁盘分区格..._https://blog.csdn.net/xh13096/article/details/101280884

vue 获取数据的数据对象去重方法_vue map 去重_王德发solo的博客-程序员宅基地

vue 获取数据的数据对象去重方法quChong() {let arr = [{id: 1,name: '111'},{id: 1,name: '111'},{id: 2,name: '222'},{id: 3,name: '333'}];console.log(ar..._vue map 去重

数据库实验第二周【SQL Server的安装和简单操作】_selscttopnrows_摆烂.MVP的博客-程序员宅基地

SQL Server这个软件是我在之前的实验课就已经安装好了的,这里就不放置具体的截图了。推荐去看学长的一篇博客,写的很详细。SQL server 安装、配置教程 sa登录 表的增删改查接下来我重点介绍表的相关内容首先打开我们的SQL Server软件,数据库以sa方式登录连接成功时,显示如下:然后我们新建一个数据库,操作如下:右键单击【数据库】,选择【新建数据库】填入你的【数据库名称】,我这里用于记录学生信息,所以名称为Student,然后点击【确定】,进入下一步。这时我们的数据库已_selscttopnrows

Presto 除法结果为0的原因及解决方法-程序员宅基地

Presto 除法结果为0的原因及解决方法主要的话说三遍Presto 除法结果为0Presto 除法结果为0Presto 除法结果为0解决办法:分子或分母转为double或decimal分子或分母转为double或decimal分子或分母转为double或decimal两个value相除,至少有一个为浮点数返回结果才正确两个value相除,至少有一个为浮点数返回结果才正确两个value相除,至少有一个为浮点数返回结果才正确..._presto 除法

【爬虫】验证码处理方案_爬虫验证码处理的三种途径_吴九日的博客-程序员宅基地

仅限于输入一次就可持续使用的情况使用光学识别引擎处理图片中的数据,目前常用于图片数据提取,较少用于验证码处理图片识别引擎:OCR(Optical Character Recognition)是指使用扫描仪或数码相机对文本资料进行扫描成图像文件,然后对图像文件进行分析处理,自动识别获取文字信息及版面信息的软件。Tesseract:一款由HP实验室开发,由Google维护的开源OCR引擎,特点是开源,免费,支持多语言,多平台。github项目地址:https://github.com/tesseract-oc_爬虫验证码处理的三种途径

随便推点

Python数学问题5:输入三个整数并由小到大进行输出_python编写一个程序,根据用户输入的三个整数,将它们按照从小到大的顺序输出。_简时刻的博客-程序员宅基地

代码实例# coding:utf8x, y, z = eval(input("请输入三个整数(逗号分割):"))if x > y: x, y = y, xif x > z: x, z = z, xif y > z: y, z = z, yprint(x, y, z)运行结果_python编写一个程序,根据用户输入的三个整数,将它们按照从小到大的顺序输出。

MySQL order by关键字详解,order by排序_士别三日wyx的博客-程序员宅基地

「作者主页」:士别三日wyxORDER BY 关键字一、order by 简介1)order by 的作用2)语法格式二、order by 使用1)按照字段名排序2)按照索引进行排序3)降序4)按照多列排序一、order by 简介ORDER BY 关键字用于对结果集进行「排序」。1)order by 的作用ORDER BY 关键字可以使查询返回的「结果集」按照指定的列进行排序,可以按照某「一列」排序或者同时按照「多列」进行排序,排序的顺序可以是「升序」或者「降序」。2)语法格式SELEC._mysql order by

【Docker基础】03 Docker基本操作命令_vk-fengz的博客-程序员宅基地

目录1. Docker安装1.1. 安装命令1.2. 集群搭建2. Docker基本语法2.1. 镜像操作2.1.1. 基本命令2.2. 容器使用2.3. 日志3. Docker应用1. Docker安装1.1. 安装命令安装命令# 1.下载关于Docker的依赖环境yum -y install yum-utils device-mapper-persistent-data lvm2# 2.设置下载Docker的镜像源yum-config-ma

RTT笔记-分析自动初始化机制_rtt使用gnu无法使用自动初始化-程序员宅基地

原文:https://www.jianshu.com/p/9d377ddc8acc首先全局搜索一个任意的自启动宏,便能找到在rtdef.h中由如下定义#define INIT_BOARD_EXPORT(fn) INIT_EXPORT(fn, "1")/* pre/device/component/env/app init routines will be called in init_thread *//* components pre-initialization _rtt使用gnu无法使用自动初始化

VScode开发STM或者MSP430不能代码补全(标识符未定义)_vscode msp430扩展_Vice Versa XL的博客-程序员宅基地

1. 打开工程中的.c文件,右下角点击Win322. 选择JSON配置3._vscode msp430扩展

Anaconda配置国内源并安装pytorch_conda 安装 pytorch 换源_烂柯人8的博客-程序员宅基地

配置国内源首先,生成anaconda的.condarc文件conda config使用命令查看.condarc中的当前源conda config --show channels接下来建议用命令行进行添加,格式如下conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/conda config --add channels https://mirrors.tuna.tsinghua_conda 安装 pytorch 换源

推荐文章

热门文章

相关标签