The Data Grid was moved to maintenance support mode. No new features/capabilities will be added to this component. We recommend that you migrate to the Grid component.

First Name
Last Name
Title Of Courtesy
Birth Date
Hire Date
Nancy Davolio Sales Representative Ms. 12/8/1978 5/1/2005
Andrew Fuller Vice President, Sales Dr. 2/19/1965 8/14/1992
Janet Leverling Sales Representative Ms. 8/30/1985 4/1/2002
Margaret Peacock Sales Representative Mrs. 9/19/1973 5/3/1993
Steven Buchanan Sales Manager Mr. 3/4/1955 10/17/1993
Michael Suyama Sales Representative Mr. 7/2/1981 10/17/1999
Robert King Sales Representative Mr. 5/29/1960 1/2/1994
Laura Callahan Inside Sales Coordinator Ms. 1/9/1985 3/5/2004
Anne Dodsworth Sales Representative Ms. 1/27/1980 11/15/2004

Follow the steps below to add a toolbar to a Data Grid component:

  1. Add HeaderTemplate to the Data Grid's markup.
  2. Add buttons (DxToolbarItem objects) to the Toolbar component in this template. Each button can display an icon, text, or both.
  3. Use the Columns property to add grid columns.

For more information on the Toolbar's features, refer to the Toolbar's online demos and documentation.