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

Tags: #<Tag:0x00007f8b1ddd4550>
#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.

https://jsfiddle.net/hw74xm9z/

image

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

image

Please help me to solve this issue.

#2

Hey @fayejitendra

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

image

#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

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 https://jsfiddle.net/0Le4a16x/1/

image
image.png745×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…

https://jsfiddle.net/k0txrobs/

#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.

#11