带有静态列名的GridView表

Question

So I want to create a table like GridView control with static column names. I can add my grid columns or rows dynamicly with no problem via the ItemTemplate. The problem now is, when I try to add a static grid with columndefinitions to my GridView i cannot see it. Do you know why?

here is my xaml code: (the grid which is not seen is marked)

<GridView Margin="10" Name="GridViewAllgemein" HorizontalAlignment="Center" VerticalAlignment="Center" ItemsSource="{x:Bind ausstattung}" BorderBrush="Black" IsTapEnabled="True" IsItemClickEnabled="True">
        <Grid Background="Red" Height="50"> //cannot see this grid
            <Grid.ColumnDefinitions> //cannot see this grid
                <ColumnDefinition Width="200"/> //cannot see this grid
                <ColumnDefinition Width="200"/> //cannot see this grid
                <ColumnDefinition Width="200"/> //cannot see this grid
                <ColumnDefinition Width="200"/> //cannot see this grid
            </Grid.ColumnDefinitions> //cannot see this grid
            <TextBlock Grid.Column="0" Text="Test"></TextBlock> //cannot see this grid
        </Grid> //cannot see this grid
        <GridView.ItemTemplate>
            <DataTemplate x:DataType="data:Ausstattung">
                <Grid Background="{ThemeResource SystemControlBackgroundAccentBrush}" Height="40" Margin="1">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="200"/>
                        <ColumnDefinition Width="200"/>
                        <ColumnDefinition Width="200"/>
                        <ColumnDefinition Width="200"/>
                    </Grid.ColumnDefinitions>


                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" Grid.Column="0" Foreground="White" FontSize="14" Text="{x:Bind Beschreibung}" TextWrapping="Wrap"/>
                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center"  Grid.Column="1" Foreground="White" FontSize="14" Text="{x:Bind Ausgabedatum}" TextWrapping="Wrap"/>
                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center"  Grid.Column="2" Foreground="White" FontSize="14" Text="{x:Bind Rückgabedatum}" TextWrapping="Wrap"/>
                    <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center"  Grid.Column="3" Foreground="White" FontSize="14" Text="{x:Bind Anzahl}" TextWrapping="Wrap"/>
                </Grid>
            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>

this is the result

Answer 1

The problem now is, when I try to add a static grid with columndefinitions to my GridView i cannot see it. Do you know why?

This is because GridView is an ItemsControl and it cannot contain child elements directly.

It must have items in its Items collection before it can show anything on the screen. To populate the view, you can add items directly to the Items collection, or set the ItemsSource property to a data source. See here

As @Ipsit Gaur pointed out in a comment, in this case one option is to put the Grid with the Header before the GridView, since GridView itself does not have a contept for creating a Header.

Btw. telerik opensourced its UWP controls and in some cases you can use it for free. They have a Grid control with a built in functionality for this .

Syncfusion also has a similar community licence with a similar control called SfDataGrid

*I'm not trying to advertise products, I just list free controls you can potentially use to solve your problem.