Hide/show column functionality is not working if we have parent collapsible header

Getting help Questions
1

HI,

I have created the table using collapsible parent header. I am trying to hide child column using hide context menu. Hide is working fine but I am not getting option to show the hidden column again.

Please check the below link for code base.

image
image566×172 4.32 KB

Just hide the column column O and P …then you will not get any indicator (<>).

image
image485×192 4.56 KB

Please help me to solve this issue.

2

Hey @fayejitendra

You need to select both neighboring columns to show one between them

image
image448×422 8.31 KB

3

Hi,

After hiding the column how end user will now …which column is hidden, there should be some indicator(<>) to indicate that like it is present in below screen shot.

image
image555×111 2.99 KB

Please help me on this.

4

To get the arrows telling that some columns are hidden you can replace

hiddenColumns: true

to

hiddenColumns: {
    columns: [3, 5, 9],
    indicators: true
  }
5

Hi,

Actually In my table I have nested rows and nested columns. If I am adding nested rows then it is not working. Please check the below code base.

https://jsfiddle.net/k0txrobs/

Thanks

6

Hiding also works with nestedRows and nestedHeaders Handsontable example - JSFiddle - Code Playground

image
image745×256 6.05 KB

7

Hi , Thanks for the replky…could you please let me know …what is the bug in my code it is not working for me…

8

@fayejitendra

two missing elements https://jsfiddle.net/rc8bLztm/

  1. Hidden columns were not defined

    hiddenColumns: {
    columns: [1], //missing

  2. You were missing colHeaders

9

Yes, I realized that and later I have included. It is working fine. Thanks for your support.

10

Thank you update. I’m glad that it works well now.