WPF DataGrid滚动条出现时表头宽度适配问题求助

以下是针对滚动条出现后表头宽度缩短问题的几种解决办法：

• 调整列宽模式，让列自动填充可用空间
  当数据行数增多出现垂直滚动条时，若列总宽度未填满DataGrid的可用宽度，就会出现表头缩窄的情况。给列设置星号（*）宽度，让列按比例分配剩余空间，确保总宽度匹配DataGrid宽度：

  <DataGrid.Columns>
      <!-- 固定宽度列 -->
      <DataGridTextColumn Header="ID" Width="80"/>
      <!-- 按比例分配剩余空间 -->
      <DataGridTextColumn Header="名称" Width="2*"/>
      <DataGridTextColumn Header="描述" Width="3*"/>
  </DataGrid.Columns>
  

• 删除DataGridRowHeader的宽度设置
  你当前代码中给DataGridRowHeader设置了Width="1*"，这会干扰表头的布局计算，导致滚动条出现时宽度异常。直接移除这段样式：

  <!-- 移除该行首宽度设置 -->
  <!-- <Style TargetType="DataGridRowHeader">
      <Setter Property="Width" Value="1*"></Setter>
  </Style> -->
  

• 用外层ScrollViewer接管滚动逻辑
  禁用DataGrid自身的滚动条，让外层ScrollViewer处理滚动，确保DataGrid始终铺满容器宽度：

  <ScrollViewer Margin="10" VerticalScrollBarVisibility="Auto">
      <DataGrid HeadersVisibility="All" 
                FlowDirection="{StaticResource DirectFlowDirection}"  
                Foreground="{DynamicResource MainBrush}"  
                Background="{DynamicResource DataGridBackgroundBrush}"
                RenderTransformOrigin="0.5,0.5"
                HorizontalScrollBarVisibility="Disabled"
                VerticalScrollBarVisibility="Disabled">
          <!-- 原有DataGrid内容 -->
      </DataGrid>
  </ScrollViewer>
  

• 自定义表头模板强制宽度匹配
  重写DataGridColumnHeader的模板，绑定表头宽度到DataGrid的实际宽度，确保表头始终铺满：

  <Style BasedOn="{StaticResource {x:Type DataGridColumnHeader}}" TargetType="{x:Type DataGridColumnHeader}">
      <Setter Property="Background" Value="{DynamicResource DataGridHeaderColor}"/>
      <Setter Property="Foreground" Value="{DynamicResource DataGridHeaderForeground}"/>
      <Setter Property="HorizontalContentAlignment" Value="Center"/>
      <Setter Property="Template">
          <Setter.Value>
              <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
                  <Border Width="{Binding RelativeSource={RelativeSource AncestorType=DataGrid}, Path=ActualWidth}"
                          Background="{TemplateBinding Background}"
                          BorderBrush="{TemplateBinding BorderBrush}"
                          BorderThickness="{TemplateBinding BorderThickness}">
                      <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                  </Border>
              </ControlTemplate>
          </Setter.Value>
      </Setter>
  </Style>
  

  注意：此方法会影响列宽拖拽调整功能，若需要该功能需额外处理。

内容的提问来源于stack exchange，提问作者Hiba HL