Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Vijay V
50
Hide and UnHide an entire row of headers in multi header column layout in Igx-grid
posted

Hi Team,

I want to hide and unhide a entire row of headers in multi-header column layout in igx-grid. Kindly let me know if there are any possiblities for this. Please find the attached screen shot. In the below screenshot i want to hide/unhide the highlighted(in yellow) headers. 

stackblitz - Infragistics Angular Components - StackBlitz

Thanks,

Vijay V

  • 1700
    Offline posted

    Hello Vijay,

    If an igx-column-group is hidden all the columns that belong to that group would be hidden as well, so in order to be able to show or hide it, what I can suggest you is using ngIf and displaying the igx-column-group based on the value of a variable this way the columns and child column groups that belong to the column group would be displayed instead of being hidden.

    I have prepared a small sample that demonstrates what I have explained above. You can find it here.

    Please test the sample on your side and let me know if you have any questions.

    Regards,
    Ivan Kitanov