Collapse section on first render

Getting help Issues
,
1

Hi
I wanted to keep my first section in nested header to be collapsed by default.
I tried with collapsibleColumns plugin and collapseSection hook.
But it’s not working.
JSfiddle link:
Your Custom Handsontable Theme (duplicated) - StackBlitz

2

Hi @rocking00star

There is no official API to collapse the section when table loads but there is API to collapse after table is loaded. For users - that should not change any of the UX aspects.

I recommend using the afterLoadData hook and as I see that you already tried this with afterLoadData (line 33) so let’s add the logic there.

Here is a demo Your Custom Handsontable Theme (duplicated) - StackBlitz

3

Hi @aleksandra_budnik
Consider I have two nested section which are collapsible but when user lands on the page I want to show the first section collapse.
In demo, Example 1 section should be collapsed when user lands on the page.

Demo Link: onAfterLoadData fro collapseAll() (duplicated) - StackBlitz

4

Sure, then you should use the collapseSection() instead of collapseAll() method. Reference: CollapsibleColumns - Angular Data Grid | Handsontable

Updated demo onAfterLoadData fro collapseAll() (duplicated) - StackBlitz