WPF技术问询：如何实现含右对齐时间戳列且支持文本换行的Grid布局

问题根源 #

长消息场景下，Message列会默认抢占所有可用的横向空间，直接把Timestamp列挤压得没有显示宽度，因此才会消失。

修复方案 #

通过调整列的宽度策略和文本换行设置，保证三列都能正常显示：

• 给Message列设置剩余空间分配规则，同时开启文本换行，避免单行撑爆列宽
• 给Timestamp列设置自适应内容宽度，确保它始终能展示自身内容
• 给Timestamp列的文本设置右对齐

修改后的XAML示例 #

<DataGrid ItemsSource="{Binding YourMessageCollection}" AutoGenerateColumns="False"
          HorizontalScrollBarVisibility="Auto"> <!-- 确保横向滚动条按需显示 -->
    <DataGrid.Columns>
        <!-- Message Type列：根据内容自动调整宽度 -->
        <DataGridTextColumn Header="Message Type" Binding="{Binding MessageType}" Width="Auto"/>
        
        <!-- Message列：占据剩余空间，长文本自动换行 -->
        <DataGridTextColumn Header="Message" Binding="{Binding MessageContent}" Width="*">
            <DataGridTextColumn.ElementStyle>
                <Style TargetType="TextBlock">
                    <Setter Property="TextWrapping" Value="Wrap"/>
                    <!-- 可选：限制最大宽度，避免列过宽 -->
                    <Setter Property="MaxWidth" Value="500"/>
                </Style>
            </DataGridTextColumn.ElementStyle>
        </DataGridTextColumn>
        
        <!-- Timestamp列：自适应内容，文本右对齐 -->
        <DataGridTextColumn Header="Timestamp" Binding="{Binding MessageTime}" Width="Auto">
            <DataGridTextColumn.ElementStyle>
                <Style TargetType="TextBlock">
                    <Setter Property="HorizontalAlignment" Value="Right"/>
                </Style>
            </DataGridTextColumn.ElementStyle>
        </DataGridTextColumn>
    </DataGrid.Columns>
</DataGrid>

关键修改说明 #

• Message列使用Width="*"：让它占据DataGrid剩余的所有横向空间，同时TextWrapping="Wrap"让长文本自动换行，不会横向无限延伸
• Timestamp列使用Width="Auto"：确保它会根据自身内容的宽度分配显示空间，不会被其他列挤压
• HorizontalScrollBarVisibility="Auto"：当内容确实超出可视范围时，自动显示横向滚动条，避免列被强制挤压
• Timestamp列的HorizontalAlignment="Right"：实现该列内容右对齐的需求

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