Sticky时,底部scroll-bar显示异常
还没有人认领这个 Issue。
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 52/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- react, typescript
- 领域
- frontend
调研方向
从 rc-table/es/stickyScrollBar.js 开始,重点关注 onContainerScroll 以及表格主体高度的读取方式。复现一个数据快速变化的 sticky 表格,然后验证更新后底部滚动条的可见性是否跟随渲染后的主体高度变化。完成标准是:在所报告的场景中滚动条正确,同时不影响正常的 sticky 滚动。
由索引模型根据 Issue 内容生成。
描述
在使用table sticky时,部分场景下发现
经排查,发现在计算scrollbar是否需要显示时,table的高度与实际渲染的高度不一致导致的。
文件位置rc-table/es/stickyScrollBar.js :
onContainerScroll
推测是由于table数据再短时间内发生了变化,计算时只用了第一次传入的table数据。
经修改,加入以下代码可以解决问题
const bodyHeight = scrollBodyRef.current?.offsetHeight ||0
React.useEffect(()=>{
if(bodyHeight){
onContainerScroll();
}
},[bodyHeight])
- 主要语言
- TypeScript
- 星标
- 1.4k
- 派生
- 619
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
react-component/table 的其他 Issue
-
Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell)可能已有人在做 @rubenmarcus 于 12 天前认领。 未关闭
难度 4/5 3-5 天 新手友好度 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children field可能已有人在做 @nrps9909 于 47 天前认领。 未关闭
难度 3/5 1-2 天 新手友好度 50/100
react-component/table#1416 ·
-
难度 5/5 一周以上 新手友好度 30/100
react-component/table#1403 ·
-
难度 5/5 一周以上 新手友好度 15/100
react-component/table#1269 · 1 条评论 ·
-
难度 4/5 3-5 天 新手友好度 35/100
react-component/table#1257 · 1 个 reaction ·
查看 react-component/table 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 72/100
better-auth/better-auth#11723 · 1 个 reaction ·
维护者通常 1 天内回复
-
area: docs difficulty: easy documentation good first issue
难度 2/5 1-3 小时 新手友好度 82/100
维护者通常 1 天内回复
-
Worker-Erstellung bricht langsame Git-Worktree-Checkouts nach 20 Sekunden ab可能已有人在做 @KajoVanBuyten 今天认领。 未关闭
难度 2/5 1-3 小时 新手友好度 69/100
AgentSystemLabs/agent-office#367 ·
维护者通常 1 天内回复
-
bug
难度 2/5 1-3 小时 新手友好度 78/100
pierrecomputer/pierre#1187 ·
维护者通常 1 天内回复
-
area: frontend bug
难度 1/5 1-3 小时 新手友好度 85/100
snapotter-hq/SnapOtter#2425 ·
维护者通常 1 天内回复