Benutzerdefinierte Zellen-Rendering

Jede Spalte eines Rasters kann ihre eigenen Zellen zeichnen. A CellTemplate (a cellRenderer in React) erhält den Datensatz der Zeile und gibt das zurück, was die Zelle anzeigen sollte, und a GridTemplateColumn erstellt eine Spalte aus mehreren – während Sortieren, Suchmarkierung und die Totalen-Zeile wie bei den eingebauten Feldern weiterlaufen.

Kontakte, von der Seite gezogen

Der vollständige Name besteht aus Vor- und Nachnamen hinter einem Initialen-Avatar; die E-Mail ist ein Mailto-Link mit dem Namen des Kontakts; das Telefon hat ein Symbol; das Alter ist ein Abzeichen, das nach seinem Wert gefärbt ist. Die Geburtstagsspalte enthält keine Vorlage zum Vergleich. Suchen Sie nach einem Namen oder einem Alter, um >60 zu sehen, wie benutzerdefinierte Zellen hervorheben, was übereinstimmt.

React-Beispiel Blazor-Beispiel React TypeScript AccountAndContactCustomViews.ts Razor AccountAndContactCustomViews.cs