La griglia dati è una tabella nativa con ordinamento, filtri, paginazione e modifica. Descrivi le columns, passa le rows e ogni cella viene formattata in base al tipo e al locale: numeri, valute, date, sì e no, ed etichette per i valori enum.
Tutto il suo stato è nei model, che puoi collegare, salvare e inviare a un server: sort, filters, search, page, selected e columnState per larghezze, ordine, colonne bloccate e nascoste scelte dagli utenti. Senza paginazione vengono renderizzate solo le righe visibili, così 100.000 righe scorrono come dieci.
Ogni cella è raggiungibile da tastiera, e il pannello di ogni colonna permette di ordinarla, filtrarla, bloccarla, spostarla, adattarla al contenuto e nasconderla.
Ricerca, ordinamento e paginazione
Scrivi per cercare in tutte le colonne. Fai clic su un’intestazione per ordinare; con Maiusc + clic aggiungi una seconda colonna. nuiGridCell disegna lo stato, e exportCsv() restituisce ciò che è visibile.
Selezione
selection="multiple" aggiunge le checkbox e collega le chiavi delle righe selezionate. Maiusc + clic seleziona un intervallo; la checkbox nell’intestazione seleziona tutte le righe che corrispondono.
Modifica
Fai doppio clic su una cella, premi Invio o inizia a scrivere. validate tiene aperto l’editor con un messaggio; una modifica confermata aggiorna rows ed emette cellEdit.
100.000 righe
Senza paginazione vengono renderizzate solo le righe visibili. Le colonne bloccate restano ai bordi, e columnState conserva il layout scelto dagli utenti.
Dati dal server
In modalità server la griglia mostra le righe man mano che arrivano e segnala ogni cambiamento con queryChange. Imposta loading mentre carichi i dati.