Ag-grid to show some editable columns vertically stacked without using row span

Dash Python
2

Hello @gulimaster,

Welcome to the community!

You can check out here:

The data would need to be replicated, but the data can span across if repeated. Might be a little more complex for your case…

Or… you could use columnGroups, or create a custom cell renderer that would allow you to display the items in stacked fashion. There are a couple of different options available to you.

I dont know how your data is setup, but you could potentially do a cellRenderer:

dagcomponentfuncs.multiStack = (props) => {
    if (!props.data) {
       return null
    }
    return React.createElement('div', {style: {display: 'flex', flexDirection: 'column'}}, [params.data.col1, params.data.col2, params.data.col3])
}

To edit this, would be a little bit more intense, but still possible.