La grille de données est un tableau natif avec tri, filtres, pagination et édition. Décrivez les columns, passez les rows, et chaque cellule est formatée selon son type et les paramètres régionaux : nombres, devises, dates, oui et non, et libellés des valeurs enum.
Son état réside dans des modèles que vous pouvez lier, enregistrer et envoyer à un serveur : sort, filters, search, page, selected, et columnState pour les largeurs, l’ordre, les colonnes épinglées et masquées que choisissent les utilisateurs. Sans pagination, seules les lignes visibles sont rendues : 100 000 lignes défilent comme dix.
Chaque cellule est accessible au clavier, et le panneau de chaque colonne permet de la trier, la filtrer, l’épingler, la déplacer, l’ajuster au contenu et la masquer.
Recherche, tri et pagination
Saisissez du texte pour chercher dans toutes les colonnes. Cliquez sur un en-tête pour trier ; Maj + clic ajoute une deuxième colonne. nuiGridCell dessine le statut, et exportCsv() fournit ce qui est affiché.
Sélection
selection="multiple" ajoute des cases à cocher et lie les clés des lignes sélectionnées. Maj + clic sélectionne une plage ; la case de l’en-tête sélectionne toutes les lignes correspondantes.
Édition
Double-cliquez sur une cellule, appuyez sur Entrée ou tapez directement. validate garde l’éditeur ouvert avec un message ; une modification validée met à jour rows et émet cellEdit.
100 000 lignes
Sans pagination, seules les lignes visibles sont rendues. Les colonnes épinglées restent sur les bords, et columnState conserve la disposition choisie par l’utilisateur.
Données du serveur
En mode server, la grille affiche les lignes telles qu’elles arrivent et signale chaque changement dans queryChange. Activez loading pendant le chargement.