'WPF - stretch listview over multiple grid columns

I have UserControl with a Grid that is divided into rows and columns. Something like this:

Table with 3 columns and 3 rows

how can I add ListView on multiple rows and columns? For example:

Table with 3 columns and 3 rows with the last row circled roughly

Part of my xaml:

<Grid Margin="30,0,30,0" Background="#00000000">
    <Grid.RowDefinitions>
        <RowDefinition Height="80" />
        <RowDefinition Height="60" />
        <RowDefinition  Height="160"/>
        <RowDefinition  Height="50"/>
        <RowDefinition Height="50"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
         <ColumnDefinition Width="0.4*"/>
         <ColumnDefinition Width="0.4*"/>
    </Grid.ColumnDefinitions>
    <Grid Grid.Row="0" Grid.Column="0">
        <Grid.ColumnDefinitions >
            <ColumnDefinition Width="0.5*"></ColumnDefinition>
            <ColumnDefinition Width="0.5*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Label Grid.Column="1"
               FontSize="28"
               FontFamily="../Fonts/#GeForce-Bold"
               HorizontalAlignment="Center"
               VerticalAlignment="Center"
               Foreground="White">
            <TextBlock Text="Deploy" TextDecorations="Underline"/>
        </Label>
        ... 
        ...
    </Grid>
    <Grid Grid.Row="2" Grid.Column="0">
        <Grid.ColumnDefinitions >
            <ColumnDefinition Width="0.5*"></ColumnDefinition>
            <ColumnDefinition Width="0.5*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid Grid.Row="2" Grid.Column="0">
            <Grid.RowDefinitions>
                <RowDefinition Height="0.3*"></RowDefinition>
                <RowDefinition Height="0.7*"></RowDefinition>
            </Grid.RowDefinitions>
...
...

My goal is to display ListView at rows 0-3 and columns 0-2.

c++sharpwpfxamllistviewazure-devopsterraformazure-pipelinesazure-vm-scale-set


Solution 1:[1]

Mark already gave the hint in the comments, but for the sake of having an answer including an example, here it is:

You are locking for the Grid.ColumnSpan (or Grid.RowSpan) property.

The following code will place the list view starting in column 1 and extending over a total of 2 columns:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="10"/>
        <ColumnDefinition Width="10"/>
        <ColumnDefinition Width="10"/>
    </Grid.ColumnDefinitions>
    <ListView Grid.Column="1" Grid.ColumnSpan="2">
        <ListViewItem>item 1</ListViewItem>
        <ListViewItem>item 2</ListViewItem>
    </ListView>
</Grid>

Solution 2:[2]

To answer my own question: We just pulled the plug and switched over to a new Scale Set. The downtime is immediately, because DevOps scales the "old" scale set to 0 right after. After approximately 10-15 minutes Azure DevOps started to scale the new instances up and added them to the agent pool. So in a nutshell: Blue/Green deployment of the Scale Set worked basically. You can schedule new jobs while the agents are down but running at the time of the switch are terminated as the instances are deleted right away

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1
Solution 2 kgorskowski

Related Questions