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);

WPF DataGrid的列标题样式设计相关推荐

elementui表格中tip设置_Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用...
{column}) { return h( 'div',// 添加选中事件select (data) { console.log(data);}... 效果如下: 3.在表头添加一个Tooltip 我 ...
【WPF】DataGrid多表头的样式设计
需求在使用WPF开发时,使用DataGrid列表显示数据时,有些字段可以进行分组显示,用于更好的表达它们之间存在的某种关系,因此就考虑到要对DataGrid的表头进行扩展,可以显示多行表头,让这些有 ...
datagrid编辑单元格回车换行_Silverlight的DataGrid实现列标题和单元格换行
silverlight的DataGrid控件默认就是单行文本到头,如果设置了列的长度,文本会被截断不显示.如何实现长文本自动换行?我们首先想到的是利用Style,因为换行只是外观的改变,不是行为的改变 ...
css3选项卡样式,css3选项卡标题样式设计1
说起来惭愧,这个实例以前看起来的时候,看得莫名其妙,一时云里雾里.于是静下心来仔细研究下,才终于发现这个窍门.这里我们看到的选项卡tabs标题的高度并不是由height来撑起来了,各位firebug就 ...
wpf DataGrid 操作列多个操作项
通常操作列会有多个操作项,例如:编辑.删除等,此时DataGridTextColumn 就无法满足需求,需要用到 DataGridTemplateColumn,下面是代码示例. <DataGri ...
WPF DataGrid 隐藏列
<Window.Resources><DiscreteObjectKeyFrame x:Key="FlagKey" Value="{Binding Fl ...
C# WPF DataGrid控件的详细介绍和推荐一些样式设计
前面介绍过使用DataGrid简单绑定一个数据模型,接着介绍DataGrid的一些详细操作. 参考:C# WPF DataGrid的使用定制DataGrid控件基本外观属性 RowBackgroun ...
WPF 用 DataTemplate 合并DataGrid列表列头类似报表设计及行头列头样式 - 学习
WPF中 DataGrid 列头合并,类似于报表设计.效果图如下↓ 1.新建一个WPF项目WpfApplication1,新建一个窗体DataGridTest,前台代码如下: <Window x ...
Vue中使用纯CSS样式设计Table横向竖向滚动自定义个别列固定
在Vue中CSS样式来设计Table横向竖向滚动自定义个别列表头固定前言一.表格数据二.样式设计 1.表格与外层DIV样式 2.固定表头的样式(重要) 总结前言大家一定使用过很多UI,UI都 ...
wpf表格datagrid拖动列_这才是老板要的Excel表格，你做的太丑了！
在网上看到一个高手做的Excel表格,非常的漂亮,今天我们一起仿做一下. 原始的表格,再熟悉不过的样式: 完成后的效果,是不是有让你颠覆三观的感觉? 同样的数据,不同的展示方式,后者不但好看,而且非常 ...

WPF DataGrid的列标题样式设计

WPF DataGrid的列标题样式设计

能够换行

实时排序

WPF DataGrid的列标题样式设计相关推荐

最新文章

热门文章