使标题列分隔符可见 [英] Make the header column separator visible

问题描述

我已经使用此xaml代码修改了DataGrid标头的背景色和列分隔符的可见性。我的问题是列分隔符被消除了，所以列标题看起来有些不同：

I have used this xaml code to modify the background color of my DataGrid Header and the column separator visibility. My problem is that the column separators are elminated so the column headers look a little bit different:

这是我的代码：

<DataGrid AutoGenerateColumns="False" Grid.ColumnSpan="9" Grid.Row="1" Height="82" HorizontalAlignment="Left" Margin="99,427,0,0" Name="dataGrid1" VerticalAlignment="Top" Width="363" Background="#9DB9EB" >
    <DataGrid.Columns>
        <DataGridTextColumn Header="Header1" />
        <DataGridTextColumn Header="Header2" />
    </DataGrid.Columns>
    <DataGrid.ColumnHeaderStyle>
        <Style TargetType="{x:Type DataGridColumnHeader}">
            <Setter Property="Background" Value="#cee8ef" />
            <Setter Property="BorderThickness" Value="2" />
        </Style>
    </DataGrid.ColumnHeaderStyle>
</DataGrid>

如何使标题列分隔符可见？

How can I make the header column separtor visible?

推荐答案

尝试这种样式

<Style TargetType="{x:Type DataGridColumnHeader}"
           >
                    <Setter Property="Background"
                Value="#cee8ef" />

                    <Setter Property="BorderThickness"
                Value="2" />
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
                                <Grid HorizontalAlignment="Stretch">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto" />
                                        <ColumnDefinition Width="*" />

                                    </Grid.ColumnDefinitions>
                                    <Label 
                               Content="{TemplateBinding Content}"
                               Grid.Column="0"
                               HorizontalAlignment="Center"
                               Margin="10,0,25,0" />

                                    <Thumb HorizontalAlignment="Right"
                               Grid.Column="1"
                               Name="PART_HeaderGripper"
                               Margin="0,4,0,4"
                               Width="2"/>

                                </Grid>

                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>

                </Style>

希望它对您有所帮助，您可以在需要时对其进行进一步修改...

Hope it helps you, you can modify it further if you need it ...

这篇关于使标题列分隔符可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！