Dash AG Grid - How to style the floating filter?

Dash Python
3

This will work if you dont allow the columns to be moved:

.sports-highlight {
    .sports-column-groups-header-background-color {
        background-color: yellow;
    }

    [aria-colindex="4"], [aria-colindex="5"], [aria-colindex="6"],
    [aria-colindex="7"], [aria-colindex="8"] {
        background-color: yellow;
    }
}

dag.AgGrid(
            id="grps",
            rowData=df.to_dict("records"),
            columnDefs=columnDefs,
            defaultColDef={"width": 200, 'floatingFilter': True, 'filter': True, },
            dashGridOptions={"animateRows": False},
            className="ag-theme-alpine sports-highlight"
        ),
2 Likes