Inserting TagsInput from Dash Mantine Components into an AG Grid as cell editor

Heyyah!

I’m basically refering to

// renders component into the editor element
    ReactDOM.render(React.createElement(window.dash_mantine_components.Select, {
        data: params.options, value: params.value, ref: this.ref, setProps, style: {width: params.column.actualWidth},
        className: 'dbc',
        clearable: true,
        searchable: true,
        creatable: true
    }), this.eInput)

My whole js looks almost equal.

Instead of the dash_mantine_components.Select I’m inserting dash_mantine_components.TagsInput and I’m also not supress

Now I’m trying to customize the event which is happening when replacing .Select and clicking the cell, but I’m a bit lost and just keep on googling in order to understand how to make it work!

Edit: Oh I see! TagsInput is not defined as Select is in dash_mantine_components!

1 Like