Comment concevoir un tableau complexe en utilisant WPF

Question

Est-il possible d'avoir une grille avec 2 colonnes par exemple, et d'avoir un nombre différent de lignes dans chacune d'elles, comme 4 dans la première, 3 dans la seconde.

J'aimerais quelque chose comme sur la photo

Answer 1

Cela n'est pas possible avec un seul Grid mais l'utilisation de plusieurs Grid les contrôles, les ColumnSpan y RowSpan et une sorte de contrôle, vous pouvez générer une "grille" de ce type.

<Window x:Class="SOWPF.MainWindow"
        ...
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>

        <Border Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="2" Margin="4" Background="Orange"/>

        <Border Grid.Column="0" Grid.Row="1" Margin="4" Background="Green"/>
        <Border Grid.Column="0" Grid.Row="2" Margin="4" Background="Green"/>
        <Border Grid.Column="0" Grid.Row="3" Margin="4" Background="Green"/>
        <Border Grid.Column="0" Grid.Row="4" Margin="4" Background="Green"/>

        <Border Grid.Column="1" Grid.Row="1" Grid.RowSpan="4" Margin="4" Background="Orchid">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>

                <Border Grid.Row="0" Margin="4" Background="DeepSkyBlue"/>
                <Border Grid.Row="1" Margin="4" Background="DeepSkyBlue"/>
                <Border Grid.Row="2" Margin="4" Background="DeepSkyBlue"/>
            </Grid>
        </Border>
    </Grid>
</Window>

Le point de vue :