如何在WPF DataGrid的列标题中设置垂直文本?

时间:2012-04-21 09:23:22

标签: c# wpf wpfdatagrid

嗯,实际上从水平旋转-90度是我的意思。

我需要这样做,因为标题的文本很长但单元格值很短,我想在屏幕上放置很多列。

是否可以轻松完成此操作,还是首先需要了解资源和模板?我不介意“黑客”解决方案!

2 个答案:

答案 0 :(得分:14)

这将旋转整个ColumnHeaderCell:

<DataGrid.ColumnHeaderStyle>
    <Style TargetType="{x:Type DataGridColumnHeader}">
        <Setter Property="LayoutTransform">
            <Setter.Value>
                <RotateTransform Angle="270" />
            </Setter.Value>
        </Setter>
    </Style>
</DataGrid.ColumnHeaderStyle>

请注意:这意味着HorizontalContentAlignmentVerticalContentAlignment,反之亦然。

答案 1 :(得分:3)

这是另一种方法:

    <Style x:Key="soDataGrid_ColumnHeaderRotateStyle" TargetType="DataGridColumnHeader" >
    <Setter Property="ContentTemplate" >
        <Setter.Value>
            <DataTemplate>
                <TextBlock TextWrapping="Wrap" Text="{Binding}"
                           FontWeight="Bold" Width="60"
                           VerticalAlignment="Center" TextAlignment="Center"
                           HorizontalAlignment="Center">
                    <TextBlock.LayoutTransform>
                        <RotateTransform Angle="270" />
                    </TextBlock.LayoutTransform>
                </TextBlock>
            </DataTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="HorizontalContentAlignment" Value="Center" />
</Style>

您可以使用以下样式

<DataGridComboBoxColumn Header="Portrait / &#x0a;Landscape" Width="42"
     HeaderStyle="{StaticResource soDataGrid_ColumnHeaderRotateStyle}"
     SelectedItemBinding="{Binding Orientation}"  
     ItemsSource="{Binding Mode=OneWay, 
     Source={StaticResource languageEnum}}" />

我发现这种方法可以为您提供很多控制。在长标题文本中使用换行符代码很有帮助。

不幸的是,我发现你需要硬编码旋转文本块的宽度 - 也许有更好的方法根据文本内容设置这个宽度。