Sticky时，底部scroll-bar显示异常
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 52/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Empieza en rc-table/es/stickyScrollBar.js, centrándote en onContainerScroll y en cómo se lee la altura del cuerpo de la tabla. Reproduce una tabla sticky cuyos datos cambien rápidamente y, a continuación, verifica que la visibilidad de la barra de desplazamiento inferior siga la altura del cuerpo renderizado después de la actualización. Se considera terminado cuando la barra de desplazamiento es correcta en el escenario descrito sin introducir regresiones en el desplazamiento sticky normal.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
在使用table sticky时,部分场景下发现
经排查,发现在计算scrollbar是否需要显示时，table的高度与实际渲染的高度不一致导致的。
文件位置rc-table/es/stickyScrollBar.js ：
onContainerScroll
推测是由于table数据再短时间内发生了变化，计算时只用了第一次传入的table数据。
经修改，加入以下代码可以解决问题
const bodyHeight = scrollBodyRef.current?.offsetHeight ||0
React.useEffect(()=>{
if(bodyHeight){
onContainerScroll();
}
},[bodyHeight])
- Lenguaje dominante
- TypeScript
- Estrellas
- 1.4k
- Forks
- 619
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de react-component/table
-
Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell)Posiblemente ocupada @rubenmarcus la tomó hace 14 días. Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children fieldPosiblemente ocupada @nrps9909 la tomó hace 48 días. Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 50/100
react-component/table#1416 ·
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 30/100
react-component/table#1403 ·
-
Dificultad 5/5 Más de una semana Aptitud para principiantes 15/100
react-component/table#1269 · 1 comentario ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
react-component/table#1257 · 1 reacción ·
Todos los issues de react-component/table
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día
-
high priority
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
CI-CMG/deep-sea-corals-exb#84 · 1 comentario ·
-
Create/import wallet form shows raw "password must be at least 1 characters" instead of the translated messagePosiblemente ocupada @CapThunder19 la tomó hoy. Abiertobug
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
joinmarket-webui/jam#1538 ·
Los mantenedores suelen responder en 1 día
-
t0ggles
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
nolimits4web/swiper#8240 · 1 comentario ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día