How to add checkbox to ag-grid column header

Dash Python
1

https://www.ag-grid.com/javascript-data-grid/column-headers/#keyboard-navigation

I would like to know how to add a dash component(checkbox) like the country column’s header in the grid of the keyboard-navigation description in the link above.

I want to select multiple columns and handle them in the dash callback.

Thanks in advance

2

Are you looking for Header Checkbox Selection?

3

Thank you for your response @PyGuy.

“headerCheckboxSelection” is similar to what I’m looking for, bug I want to like to have a checkbox in every column header and use the corresponding values in the callback each time it is checked.

dbc.Checklist(
	#options=[
	#	{"label": "Option 1", "value": 1},
	#	{"label": "Option 2", "value": 2},
	#	{"label": "Disabled Option", "value": 3, "disabled": True},
	#],
	value=[1],
	id="checklist-input",
),

As in the code above, I can create a separate checklist component and put the column names in the options to implement the desired functionality.
However, it’s not intuitive and when the column order in the dash_ag_grid of the web app is changed, no callback is captured, making it impossible to correspond the order of options in the checklist to it.

4

I figured out.
I found how to do it by here:

Column selection in Dash AG Grid - #12 by subodhpokhrel7