WPF fit row to grid width with auto sized columns - wpf

Question

I have a problem with fitting grid row to parent grid width. So the code is (table header):
<Grid Height="Auto" Margin="20" VerticalAlignment="Top" >
<Grid.RowDefinitions>
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Label Grid.Column="0" Grid.Row="0" >Word</Label>
<Label Grid.Column="1" Grid.Row="0" >Class</Label>
<Label Grid.Column="2" Grid.Row="0" >Match case</Label>
<Label Grid.Column="3" Grid.Row="0" >Regular expression</Label>
<Label Grid.Column="4" Grid.Row="0" >Commands</Label>
</Grid>
The problem is: if all columns based on Width="Auto" the resulting rows will not fit parent grid. I know that I can fix this by setting Width="*" on one of the columns, but it's not what I want.
I need auto size on all columns with fitting to grid width (which can be much bigger then calculated auto-size of a row). How can I archive that?

Answer 1

Use Viewbox if you don't want to set Width="Auto", it is properly fitting the grid.
<Viewbox Stretch="Uniform" VerticalAlignment="Top">
<Grid Height="Auto" Margin="20">
<Grid.RowDefinitions>
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Label Grid.Column="0" Grid.Row="0" >Word</Label>
<Label Grid.Column="1" Grid.Row="0" >Class</Label>
<Label Grid.Column="2" Grid.Row="0" >Match case</Label>
<Label Grid.Column="3" Grid.Row="0" >Regular expression</Label>
<Label Grid.Column="4" Grid.Row="0" >Commands</Label>
</Grid>
</Viewbox>

Answer 2

You could use the SharedSizeGroup property to share sizing properties between several different ColumnDefinitions that belongs to different Grids: https://msdn.microsoft.com/en-us/library/system.windows.controls.definitionbase.sharedsizegroup(v=vs.110).aspx
<Grid Height="Auto" Margin="20" VerticalAlignment="Top" >
<Grid.RowDefinitions>
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition SharedSizeGroup="a" />
<ColumnDefinition SharedSizeGroup="b" />
<ColumnDefinition SharedSizeGroup="c" />
<ColumnDefinition SharedSizeGroup="d" />
<ColumnDefinition SharedSizeGroup="e" />
</Grid.ColumnDefinitions>
<Label Grid.Column="0" Grid.Row="0" >Word</Label>
<Label Grid.Column="1" Grid.Row="0" >Class</Label>
<Label Grid.Column="2" Grid.Row="0" >Match case</Label>
<Label Grid.Column="3" Grid.Row="0" >Regular expression</Label>
<Label Grid.Column="4" Grid.Row="0" >Commands</Label>
</Grid>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition SharedSizeGroup="a" />
<ColumnDefinition SharedSizeGroup="b" />
<ColumnDefinition SharedSizeGroup="c" />
<ColumnDefinition SharedSizeGroup="d" />
<ColumnDefinition SharedSizeGroup="e" />
</Grid.ColumnDefinitions>
<TextBlock Grid.Column="0" Grid.Row="0" TextWrapping="Wrap">Some long word.....</TextBlock>
<!-- -->
</Grid>