Renderização em Célula Personalizada

Cada coluna de uma grade pode desenhar suas próprias células. A (a cellRenderer em React) recebe o registro da linha e retorna o que a célula deve mostrar, e a GridTemplateColumn forma uma coluna com várias — enquanto ordena, busca destaca CellTemplate e a linha de totais continuam funcionando como fazem para as células embutidas.

Contatos, Desenhados pela Página

O nome completo é composto pelo nome e sobrenome atrás de um avatar inicial; o e-mail é um link de mailto com o nome do contato; o telefone tem um ícone; a idade é um crachá colorido pelo seu valor. A coluna de aniversário não tem modelo para comparação. Procure por um nome ou uma idade, por exemplo >60 , para ver as células personalizadas destacar o que combinou.

Exemplo de reação Exemplo de Blazor React TypeScript AccountAndContactCustomViews.ts Razor AccountAndContactCustomViews.cs