When you define a column in a WPF grid you can set the width to one of three possible values:
1. A fixed width.
2. Auto – Column will become as wide as necessary to fit its children.
3. * (asterik ) take up any available remaining space.
The * is prefixed by a number. The default is 1 if no number is specified.
The available space is divided among the starred columns in proportion to the prefix number.
HTML
<Grid.ColumnDefinitions>
<ColumnDefinition Width="0.07*"/>
<ColumnDefinition Width="0.93*"/>
</Grid.ColumnDefinitions>
In the above example, the first column will take 7% of the total space and the second column will take 93%.
If you want a layout where the second column is double the width of the first, then define like below.
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="2*"/>
</Grid.ColumnDefinitions>
