DataGrid 行内容垂直对齐 [英] DataGrid row content vertical alignment
问题描述
我有一个来自 WPF 4.0 RTM 的常规 DataGrid,我在其中放置了数据库中的数据.为了使清洁&DataGrid
的浅色样式我使用高/高行,默认情况下 DataGrid
在顶部垂直位置对齐行内容,但我想设置居中垂直对齐.
I have a regular DataGrid from WPF 4.0 RTM, where I put data from a database. In order to make clean & light style of DataGrid
I use a tall/high rows and by default DataGrid
aligns row content in top vertical position, but I want to set a center vertical alignment.
我已经尝试使用此属性
VerticalAlignment="Center"
在 DataGrid
选项中,但它对我没有帮助.
in DataGrid
options, but it doesn't help me.
这是一个 XAML 代码示例,描述了我的 DataGrid
没有居中垂直对齐:
Here is an example of XAML-code, describing my DataGrid
without center vertical alignment:
<DataGrid x:Name="ContentDataGrid"
Style="{StaticResource ContentDataGrid}"
ItemsSource="{Binding}"
RowEditEnding="ContentDataGrid_RowEditEnding">
<DataGrid.Columns>
<DataGridTextColumn Header="UserID"
Width="100"
IsReadOnly="True"
Binding="{Binding Path=userID}" />
<DataGridTextColumn Header="UserName"
Width="100"
Binding="{Binding Path=userName}" />
<DataGridTextColumn Header="UserAccessLevel"
Width="100"
Binding="{Binding Path=userAccessLevel}" />
<DataGridTextColumn Header="UserPassword"
Width="*"
Binding="{Binding Path=userPassword}" />
</DataGrid.Columns>
</DataGrid>
执行此代码的结果:
如您所见,所有行内容都顶部垂直对齐.
As you can see all row content has top vertical align.
我必须添加什么才能使每行内容居中垂直对齐?
What do I have to add in order to get center vertical alignment of each row content?
推荐答案
MSDN 上此问题的完整解决方案:.
Complete solution of this issue at MSDN: Vertical alignment of DataGrid row content.
简而言之,在样式文件集中:
In brief, in style-file set:
<!--body content datagrid cell vertical centering-->
<Style x:Key="Body_Content_DataGrid_Centering"
TargetType="{x:Type DataGridCell}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type DataGridCell}">
<Grid Background="{TemplateBinding Background}">
<ContentPresenter VerticalAlignment="Center" />
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
在窗口文件中:
<DataGrid x:Name="ContentDataGrid"
Style="{StaticResource ContentDataGrid}"
CellStyle="{StaticResource Body_Content_DataGrid_Centering}"
ItemsSource="{Binding}"
RowEditEnding="ContentDataGrid_RowEditEnding">
<DataGrid.Columns>
<DataGridTextColumn Header="UserID"
Width="100"
IsReadOnly="True"
Binding="{Binding Path=userID}" />
<DataGridTextColumn Header="UserName"
Width="100"
Binding="{Binding Path=userName}" />
<DataGridTextColumn Header="UserAccessLevel"
Width="100"
Binding="{Binding Path=userAccessLevel}" />
<DataGridTextColumn Header="UserPassword"
Width="*"
Binding="{Binding Path=userPassword}" />
</DataGrid.Columns>
</DataGrid>
这会给你一个想要的结果:
This will give you a wanted result:
这篇关于DataGrid 行内容垂直对齐的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!