Nested Header Width Issue

Tags: #<Tag:0x00007efc6476beb8>
#1

Hey guys,

So I’m currently having an issue using the Handsontable Pro Nested Headers functionality.
When one of the nested headers has a significantly longer name than the data cells below it, it seems to overflow so you can’t see it all.
In other words, the minimum width generated does not seem to account for the nested headers appropriately.
I know this does not happen with regular non-nested headers, so I’m thinking it’s an issue.

Here’s a jsfiddle using the nested headers demo data: http://jsfiddle.net/7zjzg5pd/
You can see from the first column, where I appended “TooLong” to the headers.

Thanks!

#2

Hi @daveg

you can use colWidths to set widths for columns or afterGetColHeader to add a break (<br>) for longer titles

#3

Hey @aleksandra_budnik
This is a bug though right? Shouldn’t the column widths resize to the longest nested header and/or cell?
In the regular headers case, it definitely resizes based on the longest header and/or cell.
It seems unnecessary (and somewhat tedious) to have to scan the nested header text size and reset the widths of each column appropriately.

#4

@daveg
Yes, it is a bug as when you set one level of header via ‘colHeaders’ column widths are proper.
I’ve already reported this issue in our internal ticketing system (#110)

#5

Hi @daveg
This issue should be fixed in the latest version of Handsontable PRO. Can you check if it works also in your code?

#6

I am closing this issue as there’s no reply since Jan, 2nd

#7