カスタムセルレンダリング
グリッドの各列は独自のセルを描画できます。 CellTemplate (Reactの cellRenderer )は行のレコードを取得し、セルが示すべきものを返し、 GridTemplateColumn は複数のセルをまとめて列を作成します。一方、ソート、検索ハイライト、合計行は組み込みセルと同様に動作を続けます。
ページによって描かれた連絡先
フルネームは名前と姓から構成され、イニシャルアバターが入っています。メールは連絡先の名前を含むMailToリンクです。電話にはアイコンがあります。年齢はバッジで、その値に色分けされています。誕生日列にはテンプレートがなく、比較のために使われています。名前や >60 などの年齢を検索して、カスタムセルで一致したものがハイライトされます。