Text Wrap Group Header Name on AG Grid

Dash Python
2

Hi @aliew and welcome to the Dash community.

The auto height on group headers was introduced in AG Grid 32.1. Dash AG Grid’s latest release uses AG Grid 31.3, so that feature is not available yet.

If you refer to the upstream AG Grid docs, be sure to reference the correct version for your dash version. Here’s the link for 31.3.0
https://www.ag-grid.com/archive/31.3.0/

In the meantime, you can get part way there with adding word wrap with css


.ag-theme-alpine .ag-header-group-text {
     white-space: normal;
}

I’m not sure how to handle the auto height. Maybe set a fixed width for the columns with the long text and set a height that works.

1 Like