Je vais réparer des tableaux et listes angular lents avec défilement virtuel

R
roman_dev777
R
roman_dev777
Roman
Certaines informations ont été traduites automatiquement.

À propos de ce service

Traduction automatique

Votre tableau Angular se fige-t-il lors du chargement de plusieurs milliers de lignes ? Un défilement qui prend des secondes, un onglet du navigateur qui se bloque — il s’agit d’un problème de rendu et il existe une solution claire.


CE QUE JE FAIS


- Défilement virtuel : seules les lignes et les colonnes visibles sont rendues

- en-têtes et colonnes collants qui restent corrects pendant le défilement

- virtualisation horizontale pour les tableaux larges avec plus de 100 colonnes

- réglages de la détection des changements et du trackBy

- mesures avant/après afin que vous puissiez voir la différence


MON EXPÉRIENCE


J’ai mis en place une virtualisation verticale et horizontale from scratch pour une application Angular en production avec des tableaux comportant plusieurs milliers de cellules, y compris des colonnes fixes et des largeurs de colonnes dynamiques. Angular CDK ne couvre pas ce cas, j’ai donc implémenté moi-même les calculs de défilement.


Je travaille avec Angular 2 à 19, Angular Material et des composants de tableau personnalisés.


IMPORTANT - ENVOYez-MOI UN MESSAGE AVANT DE COMMANDER


Des tableaux lents ne proviennent pas systématiquement du rendu. Parfois, la véritable cause est une réponse API lourde ou une requête backend, et la virtualisation du défilement ne sera pas utile.


Envoyez-moi d’abord votre dépôt ou le composant tableau. Je le vérifierai et vous dirai honnêtement si je peux le corriger, et quel paquet convient le mieux.

Découvrez Roman

Roman

Angular and TypeScript Developer, Electron Desktop Apps, Bug Fixing

  • DeUkraine
  • Membre depuisoct. 2026
  • Langues

    Ukrainien, Anglais
Frontend developer specializing in Angular and TypeScript. I work on a large Angular 19 + Electron desktop app - strict TypeScript, Signals, RxJS, TypeORM + SQLite, and Jest. What you get: - I find and fix the root cause of bugs so they stay fixed. - I keep changes minimal, scoped, and aligned with your code style. - I comfortably navigate existing codebases to resolve complex issues. Languages: English, Ukrainian.

Traduction automatique

Balises associées