Farò funzionare tabelle e elenchi angular lenti con scrolling virtuale

R
roman_dev777
R
roman_dev777
Roman
Alcune informazioni sono state tradotte automaticamente.

Informazioni su questo servizio

Traduzione automatica.

La tua tabella Angular si blocca quando carica alcune migliaia di righe? Uno scorrimento che dura secondi, una scheda del browser che si blocca - è un problema di rendering, e c'è una soluzione chiara.


COSA FACCIO


- Scorrimento virtuale: solo righe e colonne visibili vengono renderizzate

- Intestazioni fisse e colonne che rimangono corrette durante lo scorrimento

- Virtualizzazione orizzontale per tabelle larghe con 100+ colonne

- Ottimizzazione del change detection e di trackBy

- Misurazioni before/after per vedere la differenza


LA MIA ESPERIENZA


Ho creato la virtualizzazione verticale e orizzontale da zero per un'app Angular in produzione con tabelle di diverse migliaia di celle, inclusi colonne sticky e larghezze dinamiche delle colonne. Angular CDK non copre quel caso, quindi ho implementato io i calcoli di scorrimento.


Lavoro con Angular 2 fino a 19, Angular Material e componenti tabella personalizzati.


IMPORTANTE - MANDAMI UN MESSAGGIO PRIMA DELL'ORDINE


Le tabelle lente non derivano sempre dal rendering. A volte la causa reale è una risposta API pesante o una query di backend, e lo scorrimento virtuale potrebbe non aiutare.


Inviami subito il tuo repository o il componente tabella. Controllerò e ti dirò onestamente se posso risolverlo e quale pacchetto conviene utilizzare.

Scopri di più su Roman

Roman

Angular and TypeScript Developer, Electron Desktop Apps, Bug Fixing

  • DaUcraina
  • Membro daott 2026
  • Lingue

    Ucraino, Inglese
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.

Traduzione automatica.

Altri servizi della categoria Sviluppo di software offerti da me