There is a datagrid with grouping. But, if you run the program and resize the window, the size of the columns of the table does not change. This behavior is possible due to the Expander element in the grouping. How to make, that at resizing of a window, columns of the table had the dynamic size and automatically stretched in all width?

xaml

<DataGrid ItemsSource="{Binding Items, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" SelectionMode="Extended" IsReadOnly="True" CanUserAddRows="False" CanUserDeleteRows="False" AutoGenerateColumns="False" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.CanContentScroll="True" ScrollViewer.VerticalScrollBarVisibility="Auto"> <DataGrid.GroupStyle> <!-- Style for groups at top level. --> <GroupStyle> <GroupStyle.ContainerStyle> <Style TargetType="{x:Type GroupItem}"> <Setter Property="Margin" Value="0,0,0,5"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type GroupItem}"> <Expander IsExpanded="true" Background="DarkGray" BorderBrush="DarkGray" Foreground="Black" BorderThickness="1,1,1,5"> <Expander.Header> <DockPanel> <TextBlock FontWeight="Bold" Text="{Binding Path=Name}" Margin="5,0,0,0" Width="100"/> </DockPanel> </Expander.Header> <Expander.Content> <ItemsPresenter /> </Expander.Content> </Expander> </ControlTemplate> </Setter.Value> </Setter> </Style> </GroupStyle.ContainerStyle> </GroupStyle> </DataGrid.GroupStyle> <DataGrid.Columns> <DataGridTextColumn Header="Name" Binding="{Binding Model.Name, Mode=OneWay}" Width="40*"/> <DataGridTemplateColumn Header="Added"> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <CheckBox IsChecked="{Binding Path=Model.Checked, UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Center"/> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns>

view model

  public class MainViewModel { public MainViewModel() { _items.Add("Test", new List<MyModel> { new MyModel { Name ="val1", Checked = true}, new MyModel { Name ="val2", Checked = false}, }); _items.Add("Test2", new List<MyModel> { new MyModel { Name ="val2", Checked = true}, new MyModel { Name ="val4", Checked = false}, }); ItemsSource = new List<GridModel>(); foreach (var item in _items) { foreach (var value in item.Value) { ItemsSource.Add(new GridModel { Group = item.Key, Model = value }); } } _itemsCollectionView = CollectionViewSource.GetDefaultView(ItemsSource); var t = Items.CanGroup; _itemsCollectionView.GroupDescriptions.Add(new PropertyGroupDescription("Group")); _itemsCollectionView.Refresh(); } private Dictionary<string, List<MyModel>> _items = new Dictionary<string, List<MyModel>>(); public List<GridModel> ItemsSource { get; set; } private ICollectionView _itemsCollectionView; public ICollectionView Items { get { return _itemsCollectionView; } set { _itemsCollectionView = value; } } } public class GridModel { public string Group { get; set; } public MyModel Model { get; set; } } public class MyModel { public string Name { get; set; } public bool Checked { get; set; } }

    1 answer 1

    It turns out it was necessary to remove the property ScrollViewer.CanContentScroll = "True"