Sticky时，底部scroll-bar显示异常
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 2/5
- Temps estimé
- 1-3 heures
- Accessibilité débutants
- 52/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- react, typescript
- Domaine
- frontend
Piste de recherche
Commencez dans rc-table/es/stickyScrollBar.js, en vous concentrant sur onContainerScroll et sur la manière dont la hauteur du corps du tableau est lue. Reproduisez un tableau sticky dont les données changent rapidement, puis vérifiez que la visibilité de la barre de défilement inférieure suit la hauteur du corps rendu après la mise à jour. C’est terminé lorsque la barre de défilement est correcte dans le scénario décrit, sans régression du défilement sticky normal.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
在使用table sticky时,部分场景下发现
经排查,发现在计算scrollbar是否需要显示时，table的高度与实际渲染的高度不一致导致的。
文件位置rc-table/es/stickyScrollBar.js ：
onContainerScroll
推测是由于table数据再短时间内发生了变化，计算时只用了第一次传入的table数据。
经修改，加入以下代码可以解决问题
const bodyHeight = scrollBodyRef.current?.offsetHeight ||0
React.useEffect(()=>{
if(bodyHeight){
onContainerScroll();
}
},[bodyHeight])
- Langage dominant
- TypeScript
- Étoiles
- 1.4k
- Forks
- 619
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
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 react-component/table
-
Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell)Peut-être pris @rubenmarcus l’a pris il y a 13 jours. Ouverte
Difficulté 4/5 3-5 jours Accessibilité débutants 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children fieldPeut-être pris @nrps9909 l’a pris il y a 48 jours. Ouverte
Difficulté 3/5 1-2 jours Accessibilité débutants 50/100
react-component/table#1416 ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 30/100
react-component/table#1403 ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 15/100
react-component/table#1269 · 1 commentaire ·
-
Difficulté 4/5 3-5 jours Accessibilité débutants 35/100
react-component/table#1257 · 1 réaction ·
Toutes les issues de react-component/table
Issues similaires
-
documentation good first issue hacktoberfest help wanted
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
libredb/libredb-studio#1756 ·
Les mainteneurs répondent en général sous 1 jour
-
state:triage-needed
Difficulté 2/5 1-3 heures Accessibilité débutants 62/100
Les mainteneurs répondent en général sous 1 jour
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulté 1/5 Moins d'une heure Accessibilité débutants 72/100
lingdojo/kana-dojo#32365 · 1 commentaire · 5 réactions ·
Les mainteneurs répondent en général sous 1 jour
-
friction
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
kentcdodds/kody#3706 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
copperheadhq/copperhead#378 ·
Les mainteneurs répondent en général sous 1 jour