ant-design / ant-design/pro-components
【BUG】ProTable的数据列Columns多级表头分组及列显示异常问题
- Dominant language
- TypeScript
- Stars
- 4.8k
- Forks
- 1.4k
- Avg merge
- 10h 44m
- Merged PRs (30d)
- 3
Description
提问前先看看:
https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md
### 🐛 ProTable的数据列Columns多级表头分组及列显示异常问题
1. 如果设置多层分组,那么如果将子菜单都取消掉,页面会保留其父菜单;
2. 如果直接展开父级菜单,一一勾选子级菜单,改菜单不会渲染在页面上;
3. 如果设置的层级过多,那么列仅渲染一级、二级菜单,更小级别的菜单不会在操作列处显示
### 📷 复现步骤
1. 给ProTable的columns设置如图多层嵌套的children;
2. 若父列不显示,点击子列,观察到表格上没有出现该子列;
3. 若父列已显示,依次点击隐藏所有的子列,观察到表格上没有移除父列

1. 更小级别菜单可在操作区域控制显示隐藏
2. 更小级别菜单都隐藏了,希望父级菜单自动不在页面上显示
3. 直接展开父级菜单,勾选一个子级菜单,希望父级菜单可以正常显示在页面上
### 💻 复现代码
### © 版本信息
- ProComponents 版本: [e.g. 4.0.0]
- umi 版本
- 浏览器环境
- 开发环境 [e.g. mac OS]
### 🚑 其他信息
Contributor guide
Research direction
Start at the ProTable columns configuration and its column visibility controls, then reproduce the reported cases with nested children columns. Done means deeply nested child columns can be shown or hidden, hidden children remove empty parent groups, and selecting a child under an expanded parent renders it in the table.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100