Renderizado en celdas personalizadas

Cada columna de una cuadrícula puede dibujar sus propias celdas. A CellTemplate (a cellRenderer en React) obtiene el registro de la fila y devuelve lo que la celda debería mostrar, y a GridTemplateColumn forma una columna compuesta por varias — mientras ordena, busca resaltado y la fila de totales siguen funcionando igual que para las celdas integradas.

Contactos, dibujados por la página

El nombre completo está compuesto por nombre y apellido detrás de un avatar inicial; el correo electrónico es un enlace de correo con el nombre del contacto; el teléfono tiene un icono; la edad es una insignia coloreada por su valor. La columna de fecha de nacimiento no tiene plantilla para comparar. Busca un nombre o una edad, por >60 ejemplo para ver las celdas personalizadas que resaltan lo que coincide.

Ejemplo de reacción Ejemplo de Blazor React TypeScript AccountAndContactCustomViews.ts Razor AccountAndContactCustomViews.cs