DataFrid列标题中的WPF右对齐按钮

问题描述 投票:1回答:2

我正在寻找在datagrid列标题的右侧添加一个过滤器按钮。我已经成功添加了按钮并实现了我需要的所有功能,我似乎无法让按钮在标题中正确对齐。

这是我目前的XAML:

<DataGridTextColumn Width="2*" IsReadOnly="True" Binding="{Binding Load}" x:Name="temp">
    <DataGridTextColumn.Header>
        <Grid Margin="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="16"/>
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" Text="Load" />
            <Button Grid.Column="1" x:Name="btnFilter" Content="+" Margin="3,0,0,0" Click="btnFilter_Click"></Button>
        </Grid>
    </DataGridTextColumn.Header>
</DataGridTextColumn>

这就是它当前的样子以及我想要按钮的位置。

example

我认为使用网格可以做到这一点,但是当我选择网格并查看设计器时,它的宽度不是列的整个宽度,而只是文本块和按钮的宽度。

为了让标题中的按钮右对齐,我错过了什么?

c# wpf xaml datagrid
2个回答
5
投票

使用列的HeaderStyle将DataGridColumnHeader的Horizo​​ntalContentAlignment属性设置为Stretch:

<DataGridTextColumn ...>
    <DataGridTextColumn.HeaderStyle>
        <Style TargetType="{x:Type DataGridColumnHeader}">
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        </Style>
    </DataGridTextColumn.HeaderStyle>
    <DataGridTextColumn.Header>
        <Grid Margin="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="16"/>
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" Text="Load" />
            <Button Grid.Column="1" x:Name="btnFilter" Content="+" Margin="3,0,0,0" HorizontalAlignment="Right"></Button>
        </Grid>
    </DataGridTextColumn.Header>
</DataGridTextColumn>

0
投票

虽然mm8的答案是完全正确的,但是(我相信)使用DockPanel会更有效率,而且它肯定更加简洁:

<DataGridTextColumn ...>
    <DataGridTextColumn.HeaderStyle>
        <Style TargetType="{x:Type DataGridColumnHeader}">
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        </Style>
    </DataGridTextColumn.HeaderStyle>
    <DataGridTextColumn.Header>
        <DockPanel>
            <Button DockPanel.Dock="Right" x:Name="btnFilter" Content="+" Margin="3,0,0,0"></Button>
            <TextBlock Text="Load" />
        </DockPanel>
    </DataGridTextColumn.Header>
</DataGridTextColumn>
© www.soinside.com 2019 - 2024. All rights reserved.