Can't resize column smaller than column header when using nestedHeaders

Tags: #<Tag:0x00007efc6022d748>
#1

I am using the version 3 (PRO) version.
We have recently started using nested headers as opposed to just column headers and one side effect of this is that now we cannot make a column smaller than the column header.
If we use columnHeaders you can make the columns very small, but when using nestedHeaders it doesn’t allow you to go smaller than the width of the column header.

#2

Hi @srichardson

you can make the columns narrower by the colWidths method and if you have a long text that you need to cut then you can use a DIV element for a header like here http://jsfiddle.net/ht8q52fe/

#3

Thanks for the replay Aleksandra.

Concerning the width of the header, I still need them to be manually resizeable so a fixed width won’t really do it for me.
Unfortunately using a DIV element in a column header breaks sorting so I can’t use that either.

#4

Yes, that is unfortunately truth. There’s an issue with DIV header’s wrappers and the columnSorting functionality. Sorry but we do not have any workaround for this issue yet.

#5