Products
DataGrid WinForms Control
Create data gird view with modern user interface for your Windows Forms applications
Home > WinForms UI Controls > User Manual > Data Grid Get Started in C#

Tutorial of Data Grid Controls

The DataGrid Controls for Windows Forms applications are an amazing component for design modern user interface. This cool control provides large flexibility to meet any critical requirements of applications nowadays. Furthermore, the DataGrid View control also provides data presentation, data refresh, data entry, data analysis, codeless development and hardcore coding functionalities. The following is a C# tutorial that shows how to create gird in Windows Forms project to present tables.

How to Add Data Grid Control to Windows Forms

  1. Open your existing Windows Forms project or create a new one.
  2. Drag the Kettic Data Grid Control from the toolbox and drop on the form you are building

How to Bind Grid Control to Data

  1. Open the Properties window, choose the DataSource property and open its drop down list, expand the Add Project Data Source
  2. After the Data Source Configuration Wizard appear, select a data source and click database icon, and hit Next
  3. Open the Add connection dialog by choosing New Connection button in the Choose Your Data Connection wizard, and select the Change button to show the Change Data Source dialog
  4. Choose Microsoft Access Data Base File from the data source list and click OK button to close the dialog
  5. Click Browse button in the Add Connection dialog to show the Select Microsoft Access Database File dialog.
  6. And then navigate to the Kettic UI WinForms Controls and add the Northwind.mdb file from the location, \Kettic\Samples\Datasources directory, and click OK to close the dialog
  7. Copy the data file to your project in Choose Your Data Connection page of the wizard, and then close the dialog
  8. Click the Next button in Save the Connection String to the Application Configuration File wizard
  9. Choose data objects for columns from Classes table, ClassID, ClassName, Details, and columns from Product table, ProductName, ClassID, NumberOfOrder. And then click Finish button to close the Data Source Configuration Wizard.
  10. Open the DataSource property drop down in the Properties window, and choose Classes and Products from the Northwind data source to bind the grid control to data.
  11. Choose the Northwind data set in the DataSource property drop down to assign the dataset to the grid.

Properties Configuration of Grid Control

  1. Configure the DataMember property in the Properties window to assign Classes table as a top level for the grid
  2. Enable the AutoGenerateHierarchy property and choose Open Property Builder from Grid View smart tag.
  3. Cancel the selected ClassesID checkboxed in Property Builder Structure pane and close the Property Builder window.
  4. Run the Grid Windows application to see the result.
UI Controlsfor Windows Forms
.NET WinForms UI Overview.NET WinForms UI Features.NET WinForms UI GuideC# WinForms UI DesignVB.NET WinForms UI Design
WinForms UI Controls