Table row count change causes scrolling on Chrome when table is height limited
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 35/100
- Tipo de issue
- Bug
- Clareza
- Razoavelmente clara
- Status de atividade
- Estagnada
- Stack de tecnologia
- react, typescript
- Domínio
- frontend
Direção de pesquisa
Comece pelo CodeSandbox vinculado e reproduza o problema no Chrome alterando a contagem de linhas em components/ui/DataTable/DataTable.tsx. Compare o comportamento da tabela com restrições com o Firefox e verifique se alterar o tamanho da página não expande mais a página inteira nem deixa espaço vazio abaixo da tabela.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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.
- Linguagem predominante
- TypeScript
- Estrelas
- 28.5k
- Forks
- 3.6k
- Merge médio
- 2d 3h
- PRs com merge (30d)
- 3
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Tem um modelo de pull request
- Ler o guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de TanStack/table
-
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 78/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 38/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 35/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 78/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 35/100
TanStack/table#6577 · 6 comentários ·
Mantenedores costumam responder em até 1 dia
Todas as issues de TanStack/table
Issues semelhantes
-
documentation
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 88/100
inu-appcenter/memorIN-frontend#106 ·
Mantenedores costumam responder em até 1 dia
-
kind/bug
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 88/100
Mantenedores costumam responder em até 7 dias
-
[Bug] @deck.gl/arcgis dist import resolves to unpublished @deck.gl/core source path (9.3.11, 9.4.0)Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
Mantenedores costumam responder em até 1 dia
-
fix: CopyFilters ignores tabAbertabug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
CSCfi/sd-search-ui#145 ·
Mantenedores costumam responder em até 1 dia
-
Add: Cbeebies pl SDAbertacheck:passed streams:add
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 62/100
Mantenedores costumam responder em até 1 dia