DataGrid设置奇偶行背景颜色

1、首先我们在设计的时候，要先制作一个dataGrid的表格，然后填充数据，最起码，数据是要有的，不然也看不出唳饺碧必什么效果出来。当然制作表格就直接使用dataGrid控件就可以了。<DataGrid AutoGenerateColumns="False" CanUserAddRows="False" CanUserDeleteRows="False" CanUserReorderColumns="False" CanUserResizeColumns="True" CanUserResizeRows="False" CanUserSortColumns="False" Name="datagrid1" RowHeaderWidth="0" BorderBrush="Black" FontSize="15" IsReadOnly="True" > <DataGrid.Columns> <DataGridTextColumn Header="***" Binding="{Binding ***}" Width="*" /> <DataGridTextColumn Header="***" Binding="{Binding ***}" Width="*" /> <DataGridTextColumn Header="***" Binding="{Binding ***}" Width="*" /> <DataGridTextColumn Header="***" Binding="{Binding ***}" Width="*" /> <DataGridTextColumn Header="***" Binding="{Binding ***}" Width="*" /> <DataGridTextColumn Header="***" Binding="{Binding ***}" Width="*" /> <DataGridTextColumn Header="***" Binding="{Binding ***}" Width="*" /> </DataGrid.Columns> </DataGrid>

3、针对这种情况，我们要分别进行样式设计，首先要设计的是网格线：<Style TargetType="DataGrid"> <!--网格线颜色--> <Setter Property="CanUserResizeColumns" Value="false"/> <Setter Property="BorderBrush" Value="LightGray" /> <Setter Property="HorizontalGridLinesBrush"> <Setter.Value> <SolidColorBrush Color="LightGray"/> </Setter.Value> </Setter> <Setter Property="VerticalGridLinesBrush"> <Setter.Value> <SolidColorBrush Color="LightGray"/> </Setter.Value> </Setter> </Style>

5、接下来配置的就是隔行换色的重点了 <Style TargetType="DataGridRow"> <Setter Property="Height" Value="30"></Setter> <Setter Property="VerticalAlignment" Value="Center"></Setter> <Setter Property="HorizontalAlignment" Value="Center"></Setter> <Style.Triggers> <!--隔行换色--> <Trigger Property="AlternationIndex" Value="0" > <Setter Property="Background" Value="LightGray" /> </Trigger> <Trigger Property="AlternationIndex" Value="1" > <Setter Property="Background" Value="#f2f2f2" /> </Trigger> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Background" Value="Gray"/> <!--<Setter Property="Foreground" Value="White"/>--> </Trigger> <Trigger Property="IsSelected" Value="True"> <Setter Property="Foreground" Value="Black"/> </Trigger> </Style.Triggers> </Style>