列見出しをgridviewに追加する方法 - UWP

Question

動的なデータを表形式で表示したい。各列には列見出しが必要です。これにGridviewの列見出しを追加するには？また、列の列seperatorの行を配置する必要があります。グリッドビューのコントロールは、asp.netのWebサイトのフォームでより柔軟性があるようです。

<StackPanel> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="200"/> 
      <ColumnDefinition Width="200"/> 
      <ColumnDefinition Width="200"/> 
      <ColumnDefinition Width="200"/> 
     </Grid.ColumnDefinitions> 

     <TextBlock Grid.Column="0" Text="Header"/> 
     <TextBlock Grid.Column="1" Text="Header"/> 
     <TextBlock Grid.Column="2" Text="Header"/> 
     <TextBlock Grid.Column="3" Text="Header"/> 
    </Grid> 
    <ScrollViewer> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="200"/> 
       <ColumnDefinition Width="200"/> 
       <ColumnDefinition Width="200"/> 
       <ColumnDefinition Width="200"/> 
      </Grid.ColumnDefinitions> 
      <Grid.RowDefinitions> 
       <RowDefinition></RowDefinition> 
       <RowDefinition></RowDefinition> 
       <RowDefinition></RowDefinition> 
      </Grid.RowDefinitions> 
      <TextBlock Grid.Column="0" Text="{Binding Name}" Foreground="Blue" FontSize="20" FontWeight="ExtraBold"/> 
        <TextBlock Grid.Column="1" Text="{Binding ID}" Foreground="Blue" FontSize="20" FontWeight="ExtraBold"/> 
        <TextBlock Grid.Column="2" Text="{Binding RollNo}" Foreground="Blue" FontSize="20" FontWeight="ExtraBold"/> 
        <TextBlock Grid.Column="3" Text="{Binding Division}" Foreground="Blue" FontSize="20" FontWeight="ExtraBold"/> 

     </Grid> 
    </ScrollViewer> 
</StackPanel> 

Answer 1

私はこのとしてそれに近づくでしょう：

1）垂直のStackPanelを作成します。

2）ヘッダ

3グリッドレイアウトを作成する）scrollview

4の作成）スッポXML内scrollviewにネストされたデータのためのGridLayout（）

作成：

<StackPanel> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="200"/> 
       <ColumnDefinition Width="200"/> 
       <ColumnDefinition Width="200"/> 
       <ColumnDefinition Width="200"/> 
      </Grid.ColumnDefinitions> 

      <TextBlock Grid.Column="0" Text="Header"/> 
      <TextBlock Grid.Column="1" Text="Header"/> 
      <TextBlock Grid.Column="2" Text="Header"/> 
      <TextBlock Grid.Column="3" Text="Header"/> 
     </Grid> 
     <ScrollViewer> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="200"/> 
        <ColumnDefinition Width="200"/> 
        <ColumnDefinition Width="200"/> 
        <ColumnDefinition Width="200"/> 
       </Grid.ColumnDefinitions> 
       <Grid.RowDefinitions> 
        <RowDefinition></RowDefinition> 
        <RowDefinition></RowDefinition> 
        <RowDefinition></RowDefinition> 
       </Grid.RowDefinitions> 
       <TextBlock Grid.Row="0" Grid.Column="0" Text="Data"/> 
       <TextBlock Grid.Row="0" Grid.Column="1" Text="Data"/> 
       <TextBlock Grid.Row="0" Grid.Column="2" Text="Data"/> 
       <TextBlock Grid.Row="0" Grid.Column="3" Text="Data"/> 

       <TextBlock Grid.Row="1" Grid.Column="0" Text="Data"/> 
       <TextBlock Grid.Row="1" Grid.Column="1" Text="Data"/> 
       <TextBlock Grid.Row="1" Grid.Column="2" Text="Data"/> 
       <TextBlock Grid.Row="1" Grid.Column="3" Text="Data"/> 

       <TextBlock Grid.Row="2" Grid.Column="0" Text="Data"/> 
       <TextBlock Grid.Row="2" Grid.Column="1" Text="Data"/> 
       <TextBlock Grid.Row="2" Grid.Column="2" Text="Data"/> 
       <TextBlock Grid.Row="2" Grid.Column="3" Text="Data"/>     
      </Grid> 
     </ScrollViewer> 
    </StackPanel> 

更新コード

<StackPanel> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="200"/> 
       <ColumnDefinition Width="200"/> 
       <ColumnDefinition Width="200"/> 
       <ColumnDefinition Width="200"/> 
      </Grid.ColumnDefinitions> 

      <TextBlock Grid.Column="0" Text="Header"/> 
      <TextBlock Grid.Column="1" Text="Header"/> 
      <TextBlock Grid.Column="2" Text="Header"/> 
      <TextBlock Grid.Column="3" Text="Header"/> 
     </Grid> 
     <ScrollViewer> 
      <GridView ItemsSource="{Binding}" > 
       <GridView.ItemTemplate> 
        <DataTemplate x:DataType = "local:student" > <!--local:student is your class model to bind --> 
         <Grid > 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="200"/> 
           <ColumnDefinition Width="200"/> 
           <ColumnDefinition Width="200"/> 
           <ColumnDefinition Width="200"/> 
          </Grid.ColumnDefinitions> 

          <TextBlock Grid.Column="0" Text="{Binding ID }" Foreground="Blue" FontSize="20" FontWeight="ExtraBold"/> 
          <TextBlock Grid.Column="1" Text="{Binding Name}" Foreground="Blue" FontSize="20" FontWeight="ExtraBold"/> 
          <TextBlock Grid.Column="2" Text="{Binding RollNumber}" Foreground="Blue" FontSize="20" FontWeight="ExtraBold"/> 
          <TextBlock Grid.Column="3" Text="{Binding Division}" Foreground="Blue" FontSize="20" FontWeight="ExtraBold"/> 

         </Grid> 
        </DataTemplate> 
       </GridView.ItemTemplate> 
      </GridView> 
     </ScrollViewer> 
    </StackPanel>