How can I set the color of a selected row in DataGrid

Question

The default background color of a selected row in DataGrid is so dark that I can t read it  Is there anyway of overriding it   Tried this    lt dg DataGrid RowStyle gt       lt Style TargetType   x Type dg DataGridRow   gt           lt Style Triggers gt               lt Trigger Property  IsSelected  Value  True   gt                   lt Setter Property  Background  Value  Gainsboro    gt               lt  Trigger gt           lt  Style Triggers gt       lt  Style gt   lt  dg DataGrid RowStyle gt    But still nothing

User · Answer

As an extention to  Seb Kade s answer  you can fully control the colours of the selected and unselected rows using the following Style    lt Style TargetType   x Type DataGridRow   gt       lt Style Resources gt           lt SolidColorBrush x Key   x Static SystemColors HighlightBrushKey   Color  Transparent    gt           lt SolidColorBrush x Key   x Static SystemColors ControlBrushKey   Color  Transparent    gt           lt SolidColorBrush x Key   x Static SystemColors HighlightTextBrushKey   Color  Black    gt           lt SolidColorBrush x Key   x Static SystemColors ControlTextBrushKey   Color  Black    gt       lt  Style Resources gt   lt  Style gt    You can of course enter whichever colours you prefer  This Style will also work for other collection items such as ListBoxItems  if you replace TargetType   x Type DataGridRow   with TargetType   x Type ListBoxItem   for instance

User · Answer

Got it  Add the following within the DataGrid Resources section      lt DataGrid Resources gt        lt Style TargetType   x Type dg DataGridCell   gt           lt Style Triggers gt               lt Trigger Property  dg DataGridCell IsSelected  Value  True  gt                   lt Setter Property  Background  Value   CCDAFF    gt               lt  Trigger gt           lt  Style Triggers gt       lt  Style gt   lt  DataGrid Resources gt

User · Answer

Some of the reason which I experienced the row selected event not working    Style is set up for DataGridCell  Using Templated columns  Trigger is set up at the DataGridRow    This is what helped me  Setting the Style for DataGridCell    lt Style TargetType   x Type DataGridCell   gt     lt Style Triggers gt       lt Trigger Property  IsSelected  Value  True  gt         lt Setter Property  Background  Value  Green   gt         lt Setter Property  Foreground  Value  White   gt       lt  Trigger gt     lt  Style Triggers gt    lt  Style gt    And since I was using a template column with a label inside  I bound the Foreground property to the container Foreground using RelativeSource binding    lt DataGridTemplateColumn gt     lt DataGridTemplateColumn CellTemplate gt       lt DataTemplate gt         lt Label Content   Binding CategoryName                   Mode TwoWay                   UpdateSourceTrigger LostFocus                Foreground   Binding Foreground                   RelativeSource  RelativeSource Mode FindAncestor                       AncestorLevel 1                        AncestorType  x Type DataGridCell                  Width  150   gt       lt  DataTemplate gt     lt  DataGridTemplateColumn CellTemplate gt   lt  DataGridTemplateColumn gt

User · Answer

The default IsSelected trigger changes 3 properties  Background  Foreground  amp  BorderBrush  If you want to change the border as well as the background  just include this in your style trigger    lt Style TargetType   x Type dg DataGridCell   gt       lt Style Triggers gt           lt Trigger Property  dg DataGridCell IsSelected  Value  True  gt               lt Setter Property  Background  Value   CCDAFF    gt               lt Setter Property  BorderBrush  Value  Black    gt           lt  Trigger gt       lt  Style Triggers gt   lt  Style gt

User · Answer

I ve tried ControlBrushKey but it didn t work for unselected rows  The background for the unselected row was still white  But I ve managed to find out that I have to override the rowstyle    lt DataGrid x Name  pbSelectionDataGrid  Height  201  Margin  10 0            FontSize  20  SelectionMode  Single  FontWeight  Bold  gt       lt DataGrid Resources gt           lt SolidColorBrush x Key   x Static SystemColors HighlightBrushKey   Color   FFFDD47C   gt           lt SolidColorBrush x Key   x Static SystemColors ControlBrushKey   Color   FFA6E09C   gt           lt SolidColorBrush x Key   x Static SystemColors HighlightTextBrushKey   Color  Red   gt           lt SolidColorBrush x Key   x Static SystemColors ControlTextBrushKey   Color  Violet   gt       lt  DataGrid Resources gt       lt DataGrid RowStyle gt           lt Style TargetType  DataGridRow  gt               lt Setter Property  Background  Value  LightBlue    gt           lt  Style gt       lt  DataGrid RowStyle gt   lt  DataGrid gt

User · Answer

I spent the better part of a day fiddling with this problem  Turned out the RowBackground Property on the DataGrid - which I had set - was overriding all attempts to change it in   As soon as I deleted it  everything worked   Same goes for Foreground set in DataGridTextColumn  by the way

User · Answer

I had this problem and I nearly tore my hair out  and I wasn t able to find the appropriate answer on the net  I was trying to control the background color of the selected row in a WPF DataGrid  It just wouldn t do it  In my case  the reason was that I also had a CellStyle in my datagrid  and the CellStyle overrode the RowStyle I was setting  Interestingly so  because the CellStyle wasn t even setting the background color  which was instead bing set by the RowBackground and AlternateRowBackground properties  Nevertheless  trying to set the background colour of the selected row did not work at all when I did this            lt DataGrid      gt           lt DataGrid RowBackground gt                           lt  DataGrid RowBackground gt           lt DataGrid AlternatingRowBackground gt                           lt  DataGrid AlternatingRowBackground gt           lt DataGrid RowStyle gt               lt Style TargetType   x Type DataGridRow   gt                   lt Style Triggers gt                       lt Trigger Property  IsSelected  Value  True  gt                           lt Setter Property  Background  Value  Pink   gt                           lt Setter Property  Foreground  Value  White   gt                       lt  Trigger gt                   lt  Style Triggers gt               lt  Style gt           lt  DataGrid RowStyle gt           lt DataGrid CellStyle gt               lt Style TargetType   x Type DataGridCell   gt                   lt Setter Property  Foreground  Value   Binding MyProperty     gt               lt  Style gt           lt  DataGrid CellStyle gt    and it did work when I moved the desired style for the selected row out of the row style and into the cell style  like so        lt DataGrid      gt           lt DataGrid RowBackground gt                           lt  DataGrid RowBackground gt           lt DataGrid AlternatingRowBackground gt                           lt  DataGrid AlternatingRowBackground gt           lt DataGrid CellStyle gt               lt Style TargetType   x Type DataGridCell   gt                   lt Setter Property  Foreground  Value   Binding MyProperty     gt                   lt Style Triggers gt                       lt Trigger Property  IsSelected  Value  True  gt                           lt Setter Property  Background  Value  Pink   gt                           lt Setter Property  Foreground  Value  White   gt                       lt  Trigger gt                   lt  Style Triggers gt               lt  Style gt           lt  DataGrid CellStyle gt    Just posting this in case someone has the same problem

User · Answer

The above solution left blue border around each cell in my case   This is the solution that worked for me  It is very simple  just add this to your DataGrid  You can change it from a SolidColorBrush to any other brush such as linear gradient    lt DataGrid Resources gt     lt SolidColorBrush x Key   x Static SystemColors HighlightBrushKey                       Color   FF0000   gt   lt  DataGrid Resources gt

[c#] How can I set the color of a selected row in DataGrid

Examples related to c#

Examples related to wpf

Examples related to xaml

Examples related to datagrid