Sticky时，底部scroll-bar显示异常
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 2/5
- Tempo estimado
- 1-3 horas
- Facilidade para iniciantes
- 52/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 em rc-table/es/stickyScrollBar.js, concentrando-se em onContainerScroll e em como a altura do corpo da tabela é lida. Reproduza uma tabela sticky cujos dados mudam rapidamente e, em seguida, verifique se a visibilidade da barra de rolagem inferior acompanha a altura do corpo renderizado após a atualização. Está concluído quando a barra de rolagem está correta no cenário relatado, sem regressões na rolagem sticky normal.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
在使用table sticky时,部分场景下发现
经排查,发现在计算scrollbar是否需要显示时，table的高度与实际渲染的高度不一致导致的。
文件位置rc-table/es/stickyScrollBar.js ：
onContainerScroll
推测是由于table数据再短时间内发生了变化，计算时只用了第一次传入的table数据。
经修改，加入以下代码可以解决问题
const bodyHeight = scrollBodyRef.current?.offsetHeight ||0
React.useEffect(()=>{
if(bodyHeight){
onContainerScroll();
}
},[bodyHeight])
- Linguagem predominante
- TypeScript
- Estrelas
- 1.4k
- Forks
- 623
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
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 react-component/table
-
Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell)Talvez já em andamento @rubenmarcus assumiu há 16 dias. Aberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children fieldTalvez já em andamento @nrps9909 assumiu há 51 dias. Aberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 50/100
react-component/table#1416 ·
-
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 30/100
react-component/table#1403 ·
-
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 15/100
react-component/table#1269 · 1 comentário ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
react-component/table#1257 · 1 reação ·
Todas as issues de react-component/table
Issues semelhantes
-
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 75/100
siyuan-note/siyuan#20629 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
Mantenedores costumam responder em até 1 dia
-
Volume eject does not refuse system, root or /home mountsTalvez já em andamento @bernardopg assumiu hoje. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
spacedriveapp/spacedrive#3159 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
melgarafael/DeskcommCRM#3000 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 70/100
callstackincubator/simlock#639 ·
Mantenedores costumam responder em até 1 dia