Table row count change causes scrolling on Chrome when table is height limited
Les mainteneurs répondent en général sous 1 jour
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 35/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- react, typescript
- Domaine
- frontend
Piste de recherche
Commencez par le CodeSandbox lié et reproduisez le problème dans Chrome en modifiant le nombre de lignes dans components/ui/DataTable/DataTable.tsx. Comparez le comportement du tableau contraint avec Firefox et vérifiez que la modification de la taille de page n'agrandit plus l'ensemble de la page et ne laisse pas d'espace vide sous le tableau.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
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.
- Langage dominant
- TypeScript
- Étoiles
- 28.5k
- Forks
- 3.6k
- Merge moyen
- 2 j 3 h
- PR mergées (30 j)
- 3
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Propose un modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de TanStack/table
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 78/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 4/5 3-5 jours Accessibilité débutants 38/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 35/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 3/5 1-2 jours Accessibilité débutants 78/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 35/100
TanStack/table#6577 · 6 commentaires ·
Les mainteneurs répondent en général sous 1 jour
Toutes les issues de TanStack/table
Issues similaires
-
needs:triage
Difficulté 2/5 1-3 heures Accessibilité débutants 84/100
Les mainteneurs répondent en général sous 1 jour
-
ai-discovered
Difficulté 2/5 1-3 heures Accessibilité débutants 83/100
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 88/100
jessepollak/home#1627 ·
Les mainteneurs répondent en général sous 1 jour
-
agent-canvas bug llm priority:low ready-for-dev
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
OpenHands/OpenHands#17806 · 3 commentaires ·
Les mainteneurs répondent en général sous 1 jour
-
bug
Difficulté 2/5 1-3 heures Accessibilité débutants 76/100
radius-project/ai-extensions#923 ·
Les mainteneurs répondent en général sous 1 jour