Hi, I’m creating a AG Grid with grouped columns like shown below. I want now to change the font color of the headerName of the group title if the headerName value is included in the “important” array. So in the example below only the header “Values” should be in a different color. Any advise how …

Hi @Bakira Try the example below It’s yet another awesome solution from @jinnyzor from dash import Dash, html, dcc, Input, Output, clientside_callback, State import dash_ag_grid as dag import pandas as pd def create_table(): df = pd.DataFrame({ "Setup_A": ( 1, 1, 1, 2, …

Hi @Bakira In order to style the group header, you can use a function to add a CSS class to the header. Use the headerClass prop in the defaultColGroupDef prop. See the example below. If you also want to style each column header, you can do something similar using the defaultColDef. Note that …

Hi @AnnMarieW , thanks for your great help and sorry for the late reply. I could follow your advice and it basically works as expected. But as you already noted, the “important” array is created dynamically in the later application. As you suggested I tried to implement the clientside callback fro…

Hi @AnnMarieW , works like a charm. Thanks for your help!

Hi @AnnMarieW , I used your solution, and it works perfectly when I set dashGridOptions. However, I noticed that the header color doesn’t change when I set the className for the AG Grid. Is there any way to prevent the dashGridOptions from being overwritten by the class settings? grid = dag.AgGrid…

Hello @wen , I’m not sure what you mean by overridden? Could you please elaborate?

Dash AG Grid change font color of headerName based on condition

Dash Python

Topic		Replies	Views
Dash AG Grid Single Header with Different Colors Dash Python question	4	297	May 29, 2024
Dash AG Grid - How to apply a conditional style to spanned row header and spanned column headers wo breaking the default spanned style ? - MRE Dash Python	5	136	February 11, 2025
AgGrid: Headers Styling (Background color and Font color) Dash Python question	6	3421	December 23, 2023
Compare values between columns and change color Dash Python	9	1327	September 1, 2023
Ag-grid row wise styling Dash Python question	36	4281	September 27, 2023

Dash AG Grid change font color of headerName based on condition

Related topics