Skip to content

Latest commit

 

History

History
56 lines (32 loc) · 2.63 KB

getting-started-with-code-component.md

File metadata and controls

56 lines (32 loc) · 2.63 KB
Raw

Getting Started with Syncfusion Grid Code Component in Local (TestHarness)

This article provides a step-by-step guide to run the Syncfusion Grid code component in local (TestHarness).

Prerequisites

Before getting started with the Syncfusion Grid code component, ensure the following prerequisites are satisfied:

Rapid utilization of Grid code component

To run the Syncfusion Grid code component, follow these steps:

  1. Ensure that all the prerequisites are met.

  2. Open a command prompt (cmd) and navigate to the Grid code component, which is located in the components/grids/ folder.

  3. Utilize the following command to install the dependent packages:

npm install
  1. Execute the sample with the following command to visualize the Grid code component:
npm start watch

Output1

  1. Now, within the Data Inputs section of the property pane, designate the data source for the Grid code component using the GridData.csv & ColumnData.csv files.

Note

After loading the data source and columns, proceed to select the required column types in the DataSource section and link the column properties with the corresponding CSV data in the property pane. For example, assign the SingleLine.Text column type for the CustomerName column of DataSource property. Then, establish the mapping between the CustomerName column and the CustomerName column of the CSV file of Column property.

CSV Import

  1. After loading the CSV file, click the Apply button to load the data source in the Grid code component.

Output2

  1. Customize the Grid code component properties in the right property pane.

Note

Additionally, explore the API documentation for comprehensive details on the properties, methods, and events of the Grid code component.

See also