Sticky时，底部scroll-bar显示异常
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 2/5
- Geschätzter Aufwand
- 1-3 Stunden
- Anfängerfreundlichkeit
- 52/100
- Issue-Typ
- Bug
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Veraltet
- Tech-Stack
- react, typescript
- Bereich
- frontend
Rechercherichtung
Beginne in rc-table/es/stickyScrollBar.js und konzentriere dich auf onContainerScroll sowie darauf, wie die Höhe des Tabellenkörpers ausgelesen wird. Reproduziere eine Sticky-Tabelle, deren Daten sich schnell ändern, und überprüfe anschließend, ob die Sichtbarkeit der unteren Bildlaufleiste nach dem Update der gerenderten Höhe des Tabellenkörpers folgt. Erledigt ist es, wenn die Bildlaufleiste im beschriebenen Szenario korrekt ist, ohne das normale Sticky-Scrolling zu beeinträchtigen.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
在使用table sticky时,部分场景下发现
经排查,发现在计算scrollbar是否需要显示时，table的高度与实际渲染的高度不一致导致的。
文件位置rc-table/es/stickyScrollBar.js ：
onContainerScroll
推测是由于table数据再短时间内发生了变化，计算时只用了第一次传入的table数据。
经修改，加入以下代码可以解决问题
const bodyHeight = scrollBodyRef.current?.offsetHeight ||0
React.useEffect(()=>{
if(bodyHeight){
onContainerScroll();
}
},[bodyHeight])
- Vorherrschende Sprache
- TypeScript
- Sterne
- 1.4k
- Forks
- 619
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Entwicklungsumgebung
Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus react-component/table
-
Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell)Evtl. vergeben @rubenmarcus hat das vor 13 Tagen übernommen. Offen
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children fieldEvtl. vergeben @nrps9909 hat das vor 48 Tagen übernommen. Offen
Schwierigkeit 3/5 1-2 Tage Anfängerfreundlichkeit 50/100
react-component/table#1416 ·
-
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 30/100
react-component/table#1403 ·
-
Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 15/100
react-component/table#1269 · 1 Kommentar ·
-
Schwierigkeit 4/5 3-5 Tage Anfängerfreundlichkeit 35/100
react-component/table#1257 · 1 Reaktion ·
Alle Issues in react-component/table
Ähnliche Issues
-
ui(ListToolbar): search takes the full row on a phone instead of sharing it with the result countOffen
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 64/100
Maintainer antworten meist innerhalb von 1 Tag
-
priority:high
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
immich-app/immich#32426 ·
Maintainer antworten meist innerhalb von 1 Tag
-
documentation good first issue hacktoberfest help wanted
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
libredb/libredb-studio#1756 ·
Maintainer antworten meist innerhalb von 1 Tag