Continuing the discussion from :mega: Dash AG Grid – Update 2.0.0rc1 Pre Release is Now Available ** : So far, I’ve been able to use React.createElement(window.dash_core_components.Dropdown) inside a custom component and use that as a renderer. However it really should be an editor but I don’t know…

Here, made it better: dagfuncs.DCC_Dropdown = class { // gets called once before the renderer is used init(params) { // create the cell this.params = params; this.ref = React.createRef(); // function for when Dash is trying to send props back to the component / server va…

That’s awesome, I’d forgotten what it was like to get helpful responses on a dev forum so thank you! I notice this removes the need for the styling and the suppressRowTransform=True I tweaked it a bit and made the clear button work: dagfuncs.DCC_Dropdown = class { // gets called once before t…

You can use the cellRendererData possibly to trigger the callback. The search value is its own prop from the drop-down, so you’d have to listen to that in the setProps function as well.

Please note, need to change this line: var inp = this.eInput.getElementsByClassName('Select-value')[0] to this: var inp = this.eInput.getElementsByClassName('Select-control')[0]

I’m not sure I can get to the setData function to update the cellRendererData, because we’re in the cellEditor now and setData is a prop on the cellRenderer. I tried things like params.colDef.cellEditor.setData to no avail. Although maybe I just need to specifically define a cellRenderer. And I alr…

If you dont care about any validation, you could use the cellValueChanged and compare the newValue to the array and add it from there. If you do care about validation, I’d recommend putting it into the setProps flow on the JS side. :slight_smile: Then once done, use the cellValueChanged like before…

I’ll get there :slight_smile: thanks again!

One thing to watch out for are component updates, because this can break the functionality. :smiley:

Hi @alistair.welch This is awesome thanks for sharing :rocket: If you make any other components, I hope you’ll continue to post them on the forum - and I’ll add them to the docs :slight_smile:

Yeah I think it’s handy! I certainly will if I work on anything else in free time. I do have some other topics that might be worth discussion, including arbitrary event handling and creating column defs from pandas Dataframes. Definitely looking forward to being more active in the community

Very true, probably the dropdown is the more reliable example. Select just more appropriate in my particular use case

Using dash_core_components Dropdown as an AG Grid cell editor

Dash Python

Topic		Replies	Views
Using Dash Mantine Components dmc.Select as an AG Grid cell editor Dash Python question	24	3406	March 13, 2025
Dash AG Grid: inline dropdown that allows new value Dash Python question	20	2210	August 8, 2024
Dash AgGrid : Dynamic Cell Dropdown Options (from server callback) Dash Python	4	1374	October 27, 2023
How to trigger "cellValueChanged" callback on a custom "cellRenderer" dropdown in a Dash Ag Grid Cell? Dash Python	21	3128	March 22, 2024
dmc.MultiSelect as Dash AG Grid custom component Dash Python	18	2175	August 13, 2024

Using dash_core_components Dropdown as an AG Grid cell editor

Related topics