Dash AG-Grid: Header Checkbox Selection - Solution

Issue: headerCheckboxSelection is set to True, but the table is rendered with no checkbox in the Country header.

columnDefs = [
    {
        "field": "country",
        "rowGroup": True,
        "hide": True,
        "headerCheckboxSelection": True,
    },

Solution: headerCheckboxSelection should be in dashGridOptions

dashGridOptions = dict(
    autoGroupColumnDef={
        "minWidth": 250,
        "cellRenderer": "agGroupCellRenderer",
        "cellRendererParams": {
            "checkbox": True,
        },
        "headerCheckboxSelection": True,
    },
    groupMultiAutoColumn=True,
    rowSelection="multiple",
    groupSelectsChildren=True,
    suppressRowClickSelection=True,
    groupDisplayType="multipleColumns",
    suppressRowHoverHighlight=True,
)

1 Like