如何支持在DataGrid中调整DataGridRowHeader列的大小

Question

我想允许重新调整dataGrid的第0列的大小，该列包含SelectAll按钮和行标题-

​

​

图片来自- WPF Toolkit DataGrid, Part II – Custom styling

Answer 1

试试这个。

XAML:

   <tk:DataGrid x:Name="MyDataGrid"
                RowHeaderWidth="15"
                ItemsSource="{StaticResource MyData}"
                AutoGenerateColumns="False">
        <tk:DataGrid.Columns>
            <tk:DataGridTextColumn Binding="{Binding ID}">
                <tk:DataGridTextColumn.HeaderTemplate>
                    <DataTemplate>
                        <DockPanel>
                            <GridSplitter
                                DockPanel.Dock="Left"
                                VerticalAlignment="Stretch"
                                HorizontalAlignment="Left" Width="2"
                                DragDelta="GridSplitter_DragDelta"/>
                            <TextBlock Text="ID" DockPanel.Dock="Right"/>
                        </DockPanel>
                    </DataTemplate>
                </tk:DataGridTextColumn.HeaderTemplate>
            </tk:DataGridTextColumn>
            <tk:DataGridTextColumn Header="Name"
                                   Binding="{Binding Name}">
            </tk:DataGridTextColumn>
        </tk:DataGrid.Columns>
    </tk:DataGrid>

背后的代码：

     private void GridSplitter_DragDelta
        (object sender,
         System.Windows.Controls.Primitives.DragDeltaEventArgs e)
    {
        if (MyDataGrid.RowHeaderWidth + e.HorizontalChange >= 15)
        {
            MyDataGrid.RowHeaderWidth = MyDataGrid.RowHeaderWidth + e.HorizontalChange;
        }
    }

您可以重写RowHeaderTemplate并执行此精确的网格拆分器停靠在右侧。但对我来说，将它停靠在第一列标题的左侧效果最好！

Answer 2

                <GridViewColumn Header="Name" Width="150">
                     <GridViewColumn.CellTemplate>
                         <DataTemplate>
                            <TextBlock Width="Auto" TextTrimming="CharacterEllipsis"/>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>

尝尝这个