# QuickStart

## Content

The following quick start guide is intended to get you up and running with the FlexGrid control. In this quick start, you'll start by creating a new WinUI application, add the FlexGrid control to it, and bind it with a datasource.
The following image displays the FlexGrid control showing the customer details, such as First Name, Last Name, Address, City etc.
![](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/flexgrid-columns-rows.png)

## Create a WinUI Application and add References

1. In Visual Studio, create a new WinUI App. For detailed steps, see [Configure WinUI Application](/componentone/docs/winui/online-winui/configuring-winui-app).
2. In the **Solution Explorer**, right click **Dependencies** and select **Manage NuGet Packages**.
3. In **NuGet Package Manager**, select **nuget.org** as the **Package source**.
4. Search and select the following package and click **Install**.
    * **C1.WinUI.Grid**

## Configure the FlexGrid control

1. Declare the namespace using the following code in XAML:

    ```xml
    xmlns:c1 ="using:C1.WinUI.Grid"
    ```
2. Place the cursor between the \<Grid>\</Grid> tag to add the FlexGrid control using the following code:

    ```xml
    <Grid>
        <c1:FlexGrid x:Name="flexGrid1" />
    </Grid>
    ```
3. Switch from XAML to C# code view. Bind the FlexGrid control to a datasource. Here, we use the **Customer** class.

    ```xml
    flexGrid1.ItemsSource = Customer.GetCustomerList(100);
    ```

## Build and Run the Project

1. Click **Build \| Build Solution** to build the project.
2. Press **F5** to run the project.