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.

Create a WinUI Application and add References

1. In Visual Studio, create a new WinUI App. For detailed steps, see WinUI アプリケーションの構成.
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     

Back to Top

Configure the FlexGrid control

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

   XAML	コードのコピー
   xmlns:c1 ="using:C1.WinUI.Grid"

2. Place the cursor between the <Grid></Grid> tag to add the FlexGrid control using the following code:
   

   XAML	コードのコピー
   <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.

   C#	コードのコピー
   flexGrid1.ItemsSource = Customer.GetCustomerList(100);

Back to Top

Build and Run the Project

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

Back to Top