首页 > 其他分享 >antd proTable 默认展开所有层

antd proTable 默认展开所有层

时间:2024-02-27 09:57:41浏览次数:22  
标签:name age Child 默认 key proTable antd

antd proTable 默认展开所有层

expandable={{ defaultExpandAllRows: true }}

import React from 'react';
import { ProTable } from '@ant-design/pro-table';

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
];

const data = [
  {
    key: '1',
    name: 'John Brown',
    age: 32,
    children: [
      {
        key: '11',
        name: 'Child 1',
        age: 12,
      },
      {
        key: '12',
        name: 'Child 2',
        age: 14,
      },
    ],
  },
  {
    key: '2',
    name: 'Jim Green',
    age: 42,
    children: [
      {
        key: '21',
        name: 'Child 3',
        age: 22,
      },
      {
        key: '22',
        name: 'Child 4',
        age: 24,
      },
    ],
  },
];

export default () => (
  <ProTable
    columns={columns}
    dataSource={data}
    rowKey="key"
    expandable={{ defaultExpandAllRows: true }}
  />
);

  

标签:name,age,Child,默认,key,proTable,antd
From: https://www.cnblogs.com/wwssgg/p/18036223

相关文章

  • android - Kivy - 更改 FileChooser 默认位置
    fragment类(class):pangufeitianmeng,BFEBFBFF00040651W621LVLVpangufeitianmeng,BFEBFBFF000806C1E823_8FApangufeitianmeng,BFEBFBFF000806C26479_A74pangufeitianmeng,BFEBFBFF000306C3S2SMJ9CD,classLoadDialog(FloatLayout):load=ObjectProperty(None)cancel=......
  • 修改VSCODE默认模板(live template)
    1.问题在使用VSCDOE编写html文件时,对于使用的语言这一块,公司统一要求但是VSCODE默认的是,这就需要我们每次都手改一下,非常麻烦,结合IDEA里面使用livetemplate的经历我就在思考能否修改VSCODE的相关配置文件达到同样的效果呢?首先我找到了这个参考:如何修改vscode模板这里要求我......
  • 使用`react-hooks写法`对`antd的Upload.Dragger上传组件`进行二次封装
    使用react-hooks写法对antd的Upload.Dragger上传组件进行二次封装预期对antd的Upload.Dragger组件进行二次封装,让它的使用方法和Upload.Dragger组件保持一致。让该组件能自动把数据放到对应后端服务器中。让该组件能的value值如果没上传,为数组形式。如果没有值,为空数组。如......
  • 恢复VCPkg(2023-01-27)中Vtk[Qt]的默认依赖为Qt5
    通过查看vtk的更新的日志已于2023-01-27将默认依赖的Qt的版本由5更新到6gitlog--.\ports\vtkcommit27fb19bdcc1f6ddb1261cffb5372724ac1d63a93Author:LilyWang<[email protected]>Date:2023-08-23[manyports]FixURLSofdownlo......
  • CSS重置通用浏览器默认样式
    html,body{height:100%;/*文字风格Sans-serif各笔画粗细相同,Serif笔画粗细不同,monospace等宽体,cursive草书,fantasy梦幻*/font-family:'MicrosoftYaHei',sans-serif,'HelveticaNeue',Helvetica,Arial,'黑体','宋体',Arial;......
  • winSCP 默认不支持root用户登录
    1.首先确保有对root用户进行密码设置:sudopasswdroot2. 修改etc/ssh/sshd_config文件:注:不能直接登录可以先用普通用户登录,然后再将用户切换为root用户(实际上我也是这么做的)vim/etc/ssh/sshd_config3.确定主要配置:PermitRootLoginyesStrictModesyes4.重启ssh服......
  • Protable 树结构移除选中行
    信铁寒胜:它里面这个迭代的思想还是比较有用的。要在ProTable树形结构中实现移除选中行的功能,你需要做以下几步:在ProTable的父组件中定义数据源 data 和一个函数用于移除行。在ProTable组件中传入数据源和定义一个列,其中包含一个操作列,可以在该列中添加一个移除按钮。......
  • Antd的ProTable高级表格缓存列设置
    1、目的:要将ProTable组件的列设置缓存到localStorage中,你可以使用浏览器的localStorageAPI。通过监听onColumnsStateChange事件,你可以在每次列的显示和隐藏状态发生变化时,将最新的列设置保存到localStorage中。然后,在组件初始化时,从localStorage中读取之前保存的列设......
  • antd 单元格合并处理
    实现效果代码tableData为Table的数据constmergeCells=(text,dataSource,index,key)=>{//上一行该列数据是否一样if(index!==0&&text===dataSource[index-1][key]){return0}letrowSpan=1//判断下一行是否相等f......
  • [win_os] chrome浏览器 -- 添加自定义搜索引擎并将其设置为默认搜索引擎(转载裁切
    [win_os]  chrome浏览器 -- 添加自定义搜索引擎并将其设置为默认搜索引擎(转载裁切)    一、必要说明  1、添加搜索引擎【bing】:https://global.bing.com/search?q=%s  2、重点说明【红色部分一点都不能错】:https://global.bing.com/sea......