Trigger/Set a style for a specific Row in a datagrid

Question

I have made a table using a DataGrid with List as its ItemsSource binding. I currently want to change the row styling of my 'Calculation Functions' tab ONLY. I want to be able to set it so that any row in 'Calculation Functions' has the Foreground and Background as Red and all my other tabs remain normal. How would this be possible?

<DataGrid Name="ReflectionDataGrid"SelectedItem="{Binding SelectedItem}" ItemsSource="{Binding List}" AutoGenerateColumns="False" IsHitTestVisible="True">


           <DataGrid.RowStyle>
                <Style TargetType="{x:Type DataGridRow}">
                    
                    <Style.Triggers>
                        <Trigger Property="Header" Value="Calculation Functions">
                            <Setter Property="Background" Value="Red"/>
                            <Setter Property="Foreground" Value="Red"/>
                        </Trigger>
                    </Style.Triggers>
                    
                </Style>
            </DataGrid.RowStyle> 
</DataGrid>

You should have a DataGrid for each tab. – BionicCode Sep 28 '21 at 20:13 — BionicCode, Sep 28 '21 at 20:13

score 0 · Answer 1 · answered Sep 29 '21 at 15:32

You could bind to the Header property of the SelectedItem of the parent TabControl:

<Style TargetType="{x:Type DataGridRow}">
    <Style.Triggers>
        <DataTrigger Binding="{Binding SelectedItem.Header, RelativeSource={RelativeSource AncestorType=TabControl}}"
                     Value="Calculation Functions">
            <Setter Property="Background" Value="Red"/>
            <Setter Property="Foreground" Value="Red"/>
        </DataTrigger>
    </Style.Triggers>
</Style>

Trigger/Set a style for a specific Row in a datagrid

1 Answers1