wpf控件：gridcontrol使用

最新推荐文章于 2026-06-12 14:38:16 发布

原创

最新推荐文章于 2026-06-12 14:38:16 发布 · 8k 阅读

本文详细介绍了WPF GridControl的使用技巧，包括设置AlternationCount和AlternateRowBackground以实现交替行背景，以及如何使Header和Content居中显示。同时，讨论了如何确保字段内容完全显示，通过Width和TextWrapping属性进行调整。还强调了HorizontalHeaderContentAlignment和HorizontalContentAlignment用于头部和内容的居中对齐，以及如何关闭Autowidth并启用滚动条动画。

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看

1.隔行变色

注意代码：

AlternationCount="2"

AlternateRowBackground="#FFCADEEF"

Background="#FFE9EFF7"

<dxg:GridControl.View>
                        <dxg:TableView AllowConditionalFormattingMenu="True"
                           AlternationCount="2" AlternateRowBackground="#FFCADEEF"
                           Background="#FFE9EFF7"
                                   ShowGroupPanel="False"
                           
                                           ShowAutoFilterRow="True" 
                                    ShowColumnHeaders="True" AllowScrollAnimation="True"  
                                    ShowFixedTotalSummary="True" 
                                   ShowBandsPanel="False"
                                   NavigationStyle="Row" AutoWidth="True" >
                            <!--DataRowTemplate="{DynamicResource expandableRowDetailTemplate}"-->
                            <dxg:TableView.UseLightweightTemplates>
                                <dxg:UseLightweightTemplates>None</dxg:UseLightweightTemplates>
                            </dxg:TableView.UseLightweightTemplates>
                            <dxg:TableView.FormatConditions>

                            </dxg:TableView.FormatConditions>
                        </dxg:TableView>
                    </dxg:GridControl.View>

2.header和content居中

GridColumn的header和content都设置为"Center"

<span style="font-size:18px;"><dxg:GridColumn FieldName="src_create_dttm" Header="时间"  AutoFilterCondition="Equals" HorizontalHeaderContentAlignment ="Center">
                                <dxg:GridColumn.EditSettings>
                                    <dxe:TextEditSettings HorizontalContentAlignment="Center" />
                                </dxg:GridColumn.EditSettings>
                                <dxg:GridColumn.CellTemplate >
                                    <DataTemplate>
                                        <TextBlock  Text="{Binding RowData.Row.src_create_dttm, Mode=OneWay,Converter={StaticResource 

cvtDate}}" HorizontalAlignment="Center"  TextWrapping="Wrap"></TextBlock>
                                    </DataTemplate>
                                </dxg:GridColumn.CellTemplate>
                            </dxg:GridColumn></span

低功耗蓝牙项目，需要一块懂省电的板

思澈 SF32LB52 芯片，BLE 协议栈深度优化，上手即开发

点击查看