by Guest » 14 Jan 2025, 10:02
Ich implementieren eine Pivot-Tabelle, die aus drei Teilen besteht: Pivot-Körper, Zeilenüberschriften und Spaltenüberschriften.
[img]https:// i.sstatic.net/QmDf1ynZ.png[/img]
Ich habe die Scroll-Synchronisierung zwischen ihnen implementiert. Das heißt, wenn ich den Pivot-Körper scrolle, werden die Zeilen- und Spaltenüberschriften entsprechend gescrollt. Und umgekehrt.
Jetzt habe ich mithilfe von tanstack/react-virtual die Virtualisierung für den Pivot-Körper eingeführt (ich muss diese Bibliothek nicht verwenden, wenn ich dieses Problem mit einer anderen Bibliothek lösen kann). Dann stand ich vor diesem Problem.
Wenn ich auf dem Pivot-Körper scrolle, wird das Scroll-Ereignis mit einer geringeren Häufigkeit ausgelöst, sodass das Scrollen der Zeilen-/Spaltenköpfe verzögert erfolgt.
Dies ist eine Dummy-Implementierung dessen, was ich erwähnt habe:
https://codesandbox.io/p/devbox/tender-volhard-3srpx7. Die Verzögerung ist in diesem Codesandbox-Beispiel nicht offensichtlich, aber Sie können trotzdem erkennen, dass es eine gewisse Verzögerung gibt. In meiner React-App ist die Verzögerung sehr offensichtlich.
Ich frage mich, ob es überhaupt eine Möglichkeit gibt, den Bildlauf trotz der Virtualisierung auf dem Pivot-Körper synchron zu halten. Danke!
Vorher
Nachher
Ich implementieren eine Pivot-Tabelle, die aus drei Teilen besteht: Pivot-Körper, Zeilenüberschriften und Spaltenüberschriften.
[img]https:// i.sstatic.net/QmDf1ynZ.png[/img]
Ich habe die Scroll-Synchronisierung zwischen ihnen implementiert. Das heißt, wenn ich den Pivot-Körper scrolle, werden die Zeilen- und Spaltenüberschriften entsprechend gescrollt. Und umgekehrt.
Jetzt habe ich mithilfe von tanstack/react-virtual die Virtualisierung für den Pivot-Körper eingeführt (ich muss diese Bibliothek nicht verwenden, wenn ich dieses Problem mit einer anderen Bibliothek lösen kann). Dann stand ich vor diesem Problem.
Wenn ich auf dem Pivot-Körper scrolle, wird das Scroll-Ereignis mit einer geringeren Häufigkeit ausgelöst, sodass das Scrollen der Zeilen-/Spaltenköpfe verzögert erfolgt.
Dies ist eine Dummy-Implementierung dessen, was ich erwähnt habe: https://codesandbox.io/p/devbox/tender-volhard-3srpx7. Die Verzögerung ist in diesem Codesandbox-Beispiel nicht offensichtlich, aber Sie können trotzdem erkennen, dass es eine gewisse Verzögerung gibt. In meiner React-App ist die Verzögerung sehr offensichtlich.
Ich frage mich, ob es überhaupt eine Möglichkeit gibt, den Bildlauf trotz der Virtualisierung auf dem Pivot-Körper synchron zu halten. Danke!
Vorher
[img]https://i.sstatic.net/J5DtwP2C.gif[/img]
Nachher
[img]https://i.sstatic.net/ny1eqXPN.gif[/img]
Mobile version