WPF DataGrid的列標題樣式設計

WPF DataGrid的列標題樣式設計

能夠換行

1.定義列樣式

  <DataTemplate x:Key="HeaderTemplateCenterAlign">
            <Border>
                <TextBlock TextWrapping="Wrap" Text="{Binding Path=Content, RelativeSource={RelativeSource Mode=TemplatedParent}}"/>
            </Border>
        </DataTemplate>

2.在列樣式中使用

  <DataGrid  Style="{x:Null}" ColumnWidth="80" CanUserSortColumns="True" CanUserAddRows="False" AutoGenerateColumns="False"
                  ItemsSource="{Binding Path=TargetModels}">
            <DataGrid.Columns>
                <DataGridTextColumn HeaderTemplate="{StaticResource HeaderTemplateCenterAlign}" IsReadOnly="True" Header="目標ID" Binding="{Binding ID}"/>
                <DataGridTextColumn HeaderTemplate="{StaticResource HeaderTemplateCenterAlign}" IsReadOnly="True" CanUserSort="True" x:Name="ss" SortDirection="Ascending" Header="縱向距離" Binding="{Binding DistLong}"/>
                <DataGridTextColumn HeaderTemplate="{StaticResource HeaderTemplateCenterAlign}" IsReadOnly="True" Header="橫向距離" Binding="{Binding DistLat}"/>
                <DataGridTextColumn HeaderTemplate="{StaticResource HeaderTemplateCenterAlign}" IsReadOnly="True" Header="縱向速度" Binding="{Binding VrelLong}"/>
                <DataGridTextColumn HeaderTemplate="{StaticResource HeaderTemplateCenterAlign}" IsReadOnly="True" Header="橫向速度" Binding="{Binding VrelLat}"/>
                <DataGridTextColumn HeaderTemplate="{StaticResource HeaderTemplateCenterAlign}" IsReadOnly="True" Header="車長" />
                <DataGridTextColumn HeaderTemplate="{StaticResource HeaderTemplateCenterAlign}" IsReadOnly="True" Header="車道" />
                <DataGridTextColumn HeaderTemplate="{StaticResource HeaderTemplateCenterAlign}" IsReadOnly="True" Header="車真實速度" />
                <DataGridTextColumn HeaderTemplate="{StaticResource HeaderTemplateCenterAlign}" IsReadOnly="True" Header="經度" />
                <DataGridTextColumn HeaderTemplate="{StaticResource HeaderTemplateCenterAlign}" IsReadOnly="True" Header="緯度" />
               
            </DataGrid.Columns>
        </DataGrid>

實時排序

                    ICollectionView view = CollectionViewSource.GetDefaultView(dg.ItemsSource);
                   view.SortDescriptions.Clear();
                  SortDescription sd = new SortDescription("DistLong", ListSortDirection.Descending);
                    view.SortDescriptions.Add(sd);
            
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章