Table row count change causes scrolling on Chrome when table is height limited
維護者通常 1 天內回覆
還沒有人認領這個 Issue。
評估
- 難度
- 3/5
- 預估耗時
- 1-2 天
- 新手友好度
- 35/100
- Issue 類型
- 缺陷
- 描述清晰度
- 基本清楚
- 活躍度
- 停滯
- 技術堆疊
- react, typescript
- 領域
- frontend
研究方向
從連結的 CodeSandbox 開始，透過變更 components/ui/DataTable/DataTable.tsx 中的資料列數量，在 Chrome 中重現問題。將受限制表格的行為與 Firefox 進行比較，並確認變更頁面大小後不會再擴展整個頁面，也不會在表格下方留下空白空間。
由索引模型根據 Issue 內容生成。
描述
Describe the bug
This is an issue i came across when trying to implement shadcn's data table. My data table component is height constrained and nested under some nav bars, headers, footer, and so forth. I want the table to scroll within its container, like airtable does. It seems to work on firefox, but on Chrome when you change the page count it seems to cause the entire page in chrome to expand to the total table height (with the new rows), but the table stays within the container. However the result is a ton of empty space below the table
Here is the issue on shadcn I created.
https://github.com/shadcn/ui/issues/510
You can observe the bug here using chrome https://7jzsym-3000.csb.app/ ... or see codesandbox linked
Your minimal, reproducible example
Steps to reproduce
See example here. Change the row count
Direct link - https://7jzsym-3000.csb.app/
Expected behavior
This should not cause the table to expand in height or cause scrolling behavior on chrome
How often does this bug happen?
Every time
Screenshots or Videos
No response
Platform
Chrome
react-table version
8.9.1
TypeScript version
No response
Additional context
No response
Terms & Code of Conduct
- I agree to follow this project's Code of Conduct
- I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
- 主要語言
- TypeScript
- 星號
- 28.5k
- 分支
- 3.6k
- 平均合併
- 1 天 4 小時
- 30 天內合併 PR
- 21
環境準備
- 沒有 Dockerfile 或 Docker Compose 檔案
- 有 Pull Request 範本
- 閱讀貢獻指南
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
TanStack/table 的其他 Issue
-
svelte-table: controlled expanded and pagination state resets straight after every change可能已有人在做 @NickSpag 於 7 天前認領。 未關閉
難度 4/5 3-5 天 新手友好度 25/100
維護者通常 1 天內回覆
-
難度 4/5 3-5 天 新手友好度 38/100
TanStack/table#6601 · 5 則留言 · 1 個 reaction ·
維護者通常 1 天內回覆
-
Cast required to access custom options when defining a custom plugin/feature可能已有人在做 @sorena-paydar 於 37 天前認領。 未關閉
難度 5/5 一週以上 新手友好度 35/100
維護者通常 1 天內回覆
-
`aggregatedCell` not typed against bound `cellComponents` in `createAppColumnHelper`可能已有人在做 @cpruijsen 於 48 天前認領。 未關閉
難度 3/5 1-2 天 新手友好度 78/100
維護者通常 1 天內回覆
-
難度 5/5 一週以上 新手友好度 35/100
維護者通常 1 天內回覆
相似的 Issue
-
難度 2/5 1-3 小時 新手友好度 78/100
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 78/100
維護者通常 1 天內回覆
-
難度 2/5 1-3 小時 新手友好度 66/100
CopilotKit/openmuse#215 ·
維護者通常 3 天內回覆
-
b:minor bug
難度 2/5 1-3 小時 新手友好度 76/100
software-mansion/argent#1698 ·
維護者通常 1 天內回覆
-
e2e-failure ready-to-code
難度 2/5 1-3 小時 新手友好度 72/100
redhat-developer/rhdh-plugin-export-overlays#4624 · 1 則留言 ·
維護者通常 1 天內回覆