Problem using autorowheight with a createWidget column

[mfearbyParticipant]

If I use autorowheight={true} in a grid which has a column using createWidget, then resize my browser, the rows keep expanding and never ever shrink again. Example here: https://codesandbox.io/s/jqxgrid-react-function-component-0s0id

[Peter StoevKeymaster]

Hi mfearby,

You can update the createwidget code like that:

  createwidget: (
                            row: any,
                            column: any,
                            value: string,
                            cellElement: any
                        ): void => {
                            cellElement.style.maxHeight = '50px';
                            cellElement.style.overflow = 'auto';
                            ReactDOM.render(
                                <div className="jqx-grid-cell-left-align"
                                    style={{ paddingTop: '0px', paddingBottom: '0px', maxHeight:'50px', marginTop: '0px' }}>
                                    <span style={{
                                            color:
                                                '#' +
                                                row.bounddata.text_colour_hex
                                        }}>
                                        {value}
                                    </span>
                                </div>,
                                cellElement
                            );

Regards,
Peter

jQWidgets Team
https://www.jqwidgets.com

[mfearbyParticipant]

Thanks. Is this only a temporary stop-gap until the bug is fixed? Setting a fixed maxHeight isn’t going to suit all of my cells.

[Peter StoevKeymaster]

Hi mfearby,

createwidget allows you to put custom HTML Components within the Grid cells. It should have limit if you use it with autorowheight

Regards,
Peter

jQWidgets Team
https://www.jqwidgets.com

[Author]

Posts