Collapsable Column - Button doesn't render

Tags: #<Tag:0x00007efc651ef9c0>
#1

In our application we set the collapsibleColumns: true property on handsontable, but the collapsible button is not appearing. As per the documentation, I see that setting the property to true will show the collapse button on nested columns.

Here is a fiddle with the issue reproduced, can you please review and let me know if I am doing anything wrong.

http://jsfiddle.net/Lvzovgkz/3/

#2

Hi @vish
It is not an option for users to pick the headers to group and collapse so you need to add the ranges of columns like described here: http://docs.handsontable.com/pro/1.7.4/demo-collapsing-columns.html

so in your example it would be:

collapsibleColumns: [
  {row: -2, col: 7, collapsible: true},
  {row: -2, col: 9, collapsible: true},
  {row: -2, col: 12, collapsible: true},
  {row: -2, col: 15, collapsible: true} 
]

Fiddle: http://jsfiddle.net/o3vb1cwj/

ps. also please remember to enable hiddenColumns hiddenColumns: true as collapsibleColumns won’t work without it and get you will a console statement.

#3

Thanks Aleksandra

#4

You’re welcome.
I’m happy to help you anytime.

#5