How to auto increase Grid header height as per dynamic content or header scrollable?

Our use case and scenario is bit different from as usual.
The use case is to show long questions approx 4 to 5 lines (sometimes even more) in grid header.

Currently by adding property (autoHeight: true) make the job done but with the constraint of header height is that text get hidden and not readable completely. Means the height of grid header is not auto increase as per the content inside.

However, used another property (headerRowHeight: 50) which is configurable but when the header content is dynamic so if one case success might be failed in another case so Is there any property that make grid Header auto expand as per content when gird initialize.

Note: we have fixed width for the columns and content gets wrap we can’t use the property (autoWidth:false) as it not our use case.

Here is the link of our use case example.

If possible somehow header content get scrollable then also would be great. Thanks in advance.

Applying a style to enable scrolling on the content element would be the “easy” way to do it. But I don’t know if this is really helpful for you.

Here’s an example:

1 Like


Unfortunately there is no possibility to use the autoHeight mode for the grid header. The only solution is to define the preferred header height during the grid initialization.

1 Like

Thanks @DouglasMeirelles for response and quick example showcasing the possibilities.

1 Like

I was working on a way to apply dynamic height to the grid header.
It’s not the best solution, because it gets weird, but it solves.

Here’s the redone example: