列の定義

FlexGrid のデフォルト機能の 1 つである自動列生成と共にこのコントロールを使用して、どの列を選択してどのような順序で表示するかを決めることができます。これにより、各列の幅、見出し、書式設定、配置などのプロパティを制御できます。FlexGrid の列を定義する際は、AutoGenerateColumns が false に設定されていることを確認してください（デフォルトでは true）。

次の図は、列を定義した後の FlexGrid を示しています。

FlexGrid Defining Columns

次のコード例は、C# および XAML で FlexGrid 列を定義する方法を示します。例では、「クイックスタート」セクションで作成したサンプルを使用します。

C# のコード

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

XAML のコード

XAML	コードのコピー
<Grid VerticalOptions="FillAndExpand"> <xuni:FlexGrid x:Name="grid" AutoGenerateColumns="False"> <xuni:FlexGrid.Columns> <xuni:GridColumn Binding="ID" Width="100"/> <xuni:GridColumn Binding="First"/> <xuni:GridColumn Binding="Last"/> <xuni:GridColumn Binding="Weight" Format="N1"/> </xuni:FlexGrid.Columns> </xuni:FlexGrid> </Grid>

XAML

コードのコピー

<Grid VerticalOptions="FillAndExpand">
   <xuni:FlexGrid x:Name="grid" AutoGenerateColumns="False">
      <xuni:FlexGrid.Columns>
        <xuni:GridColumn Binding="ID" Width="100"/>
        <xuni:GridColumn Binding="First"/>
        <xuni:GridColumn Binding="Last"/>
        <xuni:GridColumn Binding="Weight" Format="N1"/>
      </xuni:FlexGrid.Columns>
    </xuni:FlexGrid>
</Grid>