Wrap Column Names when using nested columns

I am trying to wrap the column name when using Nested Columns. Just to clarify, this is not the Column Header but the Column Name itself.

If works fine when not using Nested Columns. What do I need to add to the CSS?

https://jsfiddle.net/wpb7c48j/1/

Hi @indirextest2

You can use HTML break line tag directly in the nested header configuration to do that: Handsontable example - JSFiddle - Code Playground

I also noticed that you are on Handosntable 8.3.2, the current version is 16.0.1 and I highly recommend upgrading due to new features added, bugs fixed and performance improvements.

Hi Adrian,

Thanks for this.
We need the headers to wrap automatically based on the screen size as well as the length of data in the column itself. Can this be done dynamically using CSS please?

ps - I was using the Handsontable library from a previous JS fiddle posted.

@indirextest2

Because of the complexity in the nested headers structure the solution I sent is the only possible now.

Noted - thank you Adrian.