グリッドのカードはページごとに配置できます。 CardTemplate (ReactではcardRenderer )は各カードの中身を置き換え、グリッドはカードの周囲にカードを描きます — その境界、チェックボックス、選択状態。グリッドがテンプレートに渡すカードは、グリッドのどの列もセルと同様に表示し、フォーマット、リンク、検索のハイライトも含めて表示します。したがって、テンプレートは各列の配置先だけを決定します。また、カードのアバター、各列のヘッダー、レコード自体、レコードの開き方やカード選択方法も提供します。
各連絡先の写真と名前は上部に表示され、その下に会社名が表示され、その横には年齢が年齢を表示するバッジが年齢を選びます。メール、電話番号、誕生日の名前はアイコンの後ろにあり、その列の名前がツールチップとして表示されています。連絡先に値を持たない連絡先は除外されます。カードの他の場所をクリックすると選択でき、ダブルクリックで連絡先を開きます。カードのボタンから開いて選択すると同じことができ、クリックは自動で行われません。グリッドを検索すると、カード内に一致したものが表の中と同様に表示されます。ツールバーからテーブルの行に切り替えると、同じ連絡先が表示されます。