Column Templates

The Grid is currently available as a community technology preview (CTP).
Details
Nancy Davolio Sales Representative 12/8/1978 5/1/2005 More Info...
Andrew Fuller Vice President, Sales 2/19/1965 8/14/1992 More Info...
Janet Leverling Sales Representative 8/30/1985 4/1/2002 More Info...
Margaret Peacock Sales Representative 9/19/1973 5/3/1993 More Info...
Steven Buchanan Sales Manager 3/4/1955 10/17/1993 More Info...
Michael Suyama Sales Representative 7/2/1981 10/17/1999 More Info...
Robert King Sales Representative 5/29/1960 1/2/1994 More Info...
Laura Callahan Inside Sales Coordinator 1/9/1985 3/5/2004 More Info...
Anne Dodsworth Sales Representative 1/27/1980 11/15/2004 More Info...

The Blazor Grid allows you to use templates to customize column content and appearance:

This demo customizes EmployeeId column appearance and content. The column shows the More Info... links. Users can click these links to view details about data rows in a pop-up window. A tooltip is displayed when users hover the mouse pointer over the column caption.

Group Row Template

The Grid is currently available as a community technology preview (CTP).
Country: Argentina (Sum of Total: $8,158.00, Count: 34)
Country: Austria (Sum of Total: $139,924.00, Count: 125)
Country: Belgium (Sum of Total: $35,122.00, Count: 56)
Country: Brazil (Sum of Total: $115,121.00, Count: 203)
Country: Canada (Sum of Total: $55,358.00, Count: 75)
Country: Denmark (Sum of Total: $34,800.00, Count: 46)
Country: Finland (Sum of Total: $19,780.00, Count: 54)
Country: France (Sum of Total: $85,624.00, Count: 184)
Country: Germany (Sum of Total: $244,614.00, Count: 328)
Country: Ireland (Sum of Total: $57,393.00, Count: 55)

The Blazor Grid allows you to use specify a template for group rows when grouping is applied. To define group row content and appearance, add the GroupRowTemplate object to the markup. You can use the template's context parameter to access Grid data. This parameter returns a GridDataColumnGroupRowTemplateContext object.

This demo customizes group rows displayed when Blazor Grid data is grouped by the Country column. The group row displays the Country field value and highlights summary values.