Toolbar

 
First Name Last Name Title Courtesy Title Birth Date Hire Date Address
NancyDavolioSales RepresentativeMs.12/8/19885/1/2023507 - 20th Ave. E. Apt. 2A
AndrewFullerVice President, SalesDr.2/19/19758/14/2010908 W. Capital Way
JanetLeverlingSales RepresentativeMs.8/30/19954/1/2020722 Moss Bay Blvd.
MargaretPeacockSales RepresentativeMrs.9/19/19835/3/20114110 Old Redmond Rd.
StevenBuchananSales ManagerMr.3/4/197010/17/201114 Garrett Hill
MichaelSuyamaSales RepresentativeMr.7/2/199110/17/2017Coventry House Miner Rd.
RobertKingSales RepresentativeMr.5/29/19701/2/2012Edgeham Hollow Winchester Way
LauraCallahanInside Sales CoordinatorMs.1/9/19953/5/20224726 - 11th Ave. N.E.
AnneDodsworthSales RepresentativeMs.1/27/199011/15/20227 Houndstooth Rd.
Data grid with 9 rows and 7 columns
0 rows are selected

The Blazor Grid allows you to specify a template for a toolbar. This template adds all necessary styles automatically. You can use the GridToolbarTemplateContext object to access the Grid component's API and execute appropriate commands.

To attach a toolbar to your Grid component, add the ToolbarTemplate to the Grid component's markup. In the template, add a DxToolbar component and populate it with items. Toolbar items can display an icon, text, or both.