Ich repariere langsame Angular-Tabellen und Listen mit virtuellem Bildlauf


Über diesen Service
Automatische Übersetzung
Friert deine Angular-Tabelle ein, wenn sie einige tausend Zeilen lädt? Scrollen dauert Sekunden, ein Browser-Tab hängt – das ist ein Rendering-Problem, und es gibt eine klare Lösung.
WAS ICH MACHE
- Virtuelles Scrollen: Nur sichtbare Zeilen und Spalten werden gerendert
- Feste Überschriften und Spalten bleiben beim Scrollen korrekt
- Horizontale Virtualisierung für breite Tabellen mit 100+ Spalten
- Anpassung von Change Detection und trackBy
- Vorher/Nachher-Messungen, damit du den Unterschied siehst
MEINE ERFAHRUNG
Ich habe Vertikal- und Horizontal-Virtualisierung von Grund auf neu für eine produktive Angular-App mit Tabellen von mehreren Tausend Zellen gebaut, einschließlich fester Spalten und dynamischer Spaltenbreiten. Angular CDK deckt diesen Fall nicht ab, daher habe ich die Scroll-Berechnungen selbst implementiert.
Ich arbeite mit Angular 2 bis 19, Angular Material und eigenen Tabellenkomponenten.
WICHTIG - SCHREIB MIR VOR DEM BESTELLEN
Langsame Tabellen entstehen nicht immer durch Rendering. Manchmal ist die eigentliche Ursache eine schwere API-Antwort oder eine Backend-Abfrage, und virtuelles Scrollen hilft dann nicht.
Schick mir zuerst dein Repository oder die Tabellenkomponente. Ich prüfe es und sage dir ehrlich, ob ich es richten kann und welches Paket passt.
Lerne Roman kennen
Angular and TypeScript Developer, Electron Desktop Apps, Bug Fixing
- AusUkraine
- Mitglied seitOkt. 2026
Sprachen
Ukrainisch, Englisch
Automatische Übersetzung
Meine weiteren Dienstleistungen im Bereich Software-Entwicklung
FAQ
Automatische Übersetzung
Kannst du meine Tabelle schneller machen, ohne sie neu zu schreiben?
In den meisten Fällen ja. Virtueller Bildlauf wird um deine bestehende Tabelle herum hinzugefügt, sodass Markup und Logik unverändert bleiben. Bevor wir anfangen, sage ich dir, ob ein Rewrite unumgänglich ist.
Wie viele Zeilen schafft es nach dem Fix, und wie misst du das?
Zehntausende Zeilen scrollen flüssig – nur der sichtbare Teil wird gerendert. Ich messe Vorher/Nachher: Scroll-FPS, Renderzeit und DOM-Knoten-Anzahl. Eine Tabelle mit 50.000 Elementen fällt meist auf einige Hundert runter. Die genauen Werte hängen von deinen Daten und dem Gerät ab.
Was, wenn die Langsamkeit nicht in der Tabelle liegt?
Dann sage ich es dir vor der Bestellung, und du zahlst nichts für Arbeiten, die nicht helfen. Schicke mir zuerst das Repository oder die Komponente, dann schaue ich nach.
Arbeitest du mit ag-Grid oder PrimeNG?
Ich arbeite hauptsächlich mit Angular Material und maßgeschneiderten Tabellenkomponenten. Für ag-Grid oder PrimeNG schicke mir den Code zuerst, damit ich bestätigen kann, dass ich dir mit deinem Setup helfen kann.
Kannst du mit einem privaten oder NDA-Projekt arbeiten?
Ja. Ich arbeite regelmäßig an Closed-Source-Projekten unter strengen Vertraulichkeitsregeln und unterschreibe gern eine NDA, bevor wir beginnen.

