WPF ListBox表头与数据对齐问题求助

你现在的问题是表头和数据列不对齐，核心原因是没有开启列尺寸共享，加上ListBox默认的项容器没有撑满宽度，下面是具体修改步骤：

• 把Grid.IsSharedSizeScope="True"移到StackPanel上（让表头和所有数据项都处于同一个尺寸共享作用域）
• 给数据项的每个ColumnDefinition添加SharedSizeGroup，和表头对应的列名一致（这样数据列会和表头列用相同宽度）
• 给ListBox设置ItemContainerStyle，让每个列表项的内容撑满容器宽度
• 去掉数据项里多余的StackPanel，减少布局嵌套影响对齐

修改后的完整XAML代码：

<Grid Grid.Row="2">
    <ListBox ItemsSource="{Binding MyData}">
        <ListBox.Template>
            <ControlTemplate>
                <!-- 把共享作用域移到这里，让表头和ItemsPresenter里的项都能共享列尺寸 -->
                <StackPanel Grid.IsSharedSizeScope="True">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <!-- 表头列定义，保留名称作为共享分组标识 -->
                            <ColumnDefinition Width="*" x:Name="ToteNumber"/>
                            <ColumnDefinition Width="*" x:Name="Desription"/>
                            <ColumnDefinition Width="*" x:Name="Time"/>
                        </Grid.ColumnDefinitions>

                        <TextBlock Grid.Column="0" Text="Tote Number" HorizontalAlignment="Center"/>
                        <TextBlock Grid.Column="1" Text="Description" HorizontalAlignment="Center"/>
                        <TextBlock Grid.Column="2" Text="Time" HorizontalAlignment="Center"/>
                    </Grid>
                    <ItemsPresenter/>
                </StackPanel>
            </ControlTemplate>
        </ListBox.Template>
        <!-- 设置ItemContainerStyle，让内容撑满整个列表项宽度 -->
        <ListBox.ItemContainerStyle>
            <Style TargetType="ListBoxItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            </Style>
        </ListBox.ItemContainerStyle>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <!-- 去掉多余StackPanel，用Border包裹Grid实现整行边框 -->
                <Border BorderThickness="1" BorderBrush="Black">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <!-- 给每个列添加SharedSizeGroup，对应表头的列名 -->
                            <ColumnDefinition Width="*" SharedSizeGroup="ToteNumber"/>
                            <ColumnDefinition Width="*" SharedSizeGroup="Desription"/>
                            <ColumnDefinition Width="*" SharedSizeGroup="Time"/>
                        </Grid.ColumnDefinitions> 
                        <TextBlock Grid.Column="0" Text="{Binding Property1}" HorizontalAlignment="Stretch"/>
                        <TextBlock Grid.Column="1" Text="{Binding Property2}" HorizontalAlignment="Stretch"/>
                        <TextBlock Grid.Column="2" Text="{Binding Property3}" HorizontalAlignment="Stretch"/>
                    </Grid>
                </Border>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>

关键修改说明 #

1. 共享尺寸作用域：Grid.IsSharedSizeScope需要覆盖表头和所有数据项，所以放在外层StackPanel上，这样所有带SharedSizeGroup的列都会同步宽度。
2. ItemContainerStyle：ListBoxItem默认HorizontalContentAlignment是Left，导致数据项内容不会撑满容器，设置为Stretch后，Grid才能占满整个列表项宽度，和表头对齐。
3. SharedSizeGroup匹配：数据项的列分组名和表头列名一致，确保每一列的宽度和表头完全相同。
4. 简化布局：去掉不必要的StackPanel，减少布局层级，避免额外的间距或对齐偏移。

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