Creating a table-like user interface

Table layout is a popular placement strategy, supported by the Grid panel. Let's examine the Grid and see what it's capable of.

Getting ready

Make sure Visual Studio is up and running.

How to do it...

We'll create a simple UI that benefits from a grid-like layout and demonstrate some of its features:

1. Create a new WPF application named CH03.GridDemo.

2. Open MainWindow.xaml. There's already a Grid placed inside the Window. That's because the Grid is typically used as the main layout panel within a window.

3. Change the Title of Window to Grid Demo.

4. Inside the Grid, add the following markup to create some rows and columns:

    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
       <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition />
    </Grid.ColumnDefinitions...