Rendu de cellules personnalisées

Chaque colonne d’une grille peut dessiner ses propres cellules. A CellTemplate (a cellRenderer dans React) obtient l’enregistrement de la ligne et retourne ce que la cellule doit afficher, et a GridTemplateColumn forme une colonne composée de plusieurs — tout en triant, en surligneant la recherche et la ligne des totaux continuent de fonctionner comme pour les cellules intégrées.

Contacts, dessinés par la page

Le nom complet est composé du prénom et du nom de famille derrière un avatar initiale ; l’email est un lien mailto avec le nom du contact ; le téléphone a une icône ; l’âge est un badge coloré selon sa valeur. La colonne anniversaire n’a pas de modèle pour comparer. Recherchez un nom ou un âge pour >60 voir les cellules personnalisées surligner ce qui correspond.

Exemple de réaction Exemple de Blazor React TypeScript AccountAndContactCustomViews.ts Razor AccountAndContactCustomViews.cs