Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Table row count change causes scrolling on Chrome when table is height limited

Abierto
#4,901 6 comentarios 2 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
react, typescript
Área
frontend

Línea de trabajo

Comienza con el CodeSandbox enlazado y reproduce el problema en Chrome cambiando el número de filas en components/ui/DataTable/DataTable.tsx. Compara el comportamiento de la tabla con restricciones con Firefox y verifica que cambiar el tamaño de página ya no expanda la página completa ni deje espacio vacío debajo de la tabla.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

https://codesandbox.io/p/sandbox/async-cherry-7jzsym?file=%2Fcomponents%2Fui%2FDataTable%2FDataTable.tsx%3A73%2C64

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.
Lenguaje dominante
TypeScript
Estrellas
28.5k
Forks
3.6k
Merge medio
2 d 3 h
PR fusionados (30 d)
3

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de TanStack/table

Todos los issues de TanStack/table

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.