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
DUFEIL Philippe
530
iGX-GRID - Collapsible columns groups
posted

Hello,

I use collapsible column groups.
Is it possible to trigger an event when expanding or collapsing the column group.
In fact, I have 3 grids and in order to keep the alignment of the columns, I would like to be able to resize the columns of grid 2 and 3 when I click to expand or collapse the column of grid 1.

I attach an animated gif to make it easier to understand my request

Best regards,

Philippe DUFEIL

Parents
No Data
Reply
  • 2680
    Verified Answer
    Offline posted

    Hello Philippe,

    Thank you for posting to Infragistics Community!

    I have been looking into your question and determined that detecting when a column group is expanded/collapsed could easily be detected by templating the igxCollapsibleIndicator for each column group and handling the click event of the icon, or whatever the templated element is. If you would like to keep the default look, the template can contain the “original” IgxIcons ‘expand_more’/’chevron_right’ as demonstrated in this sample I created.

    As you will see there, you can also pass the “column” parameter to the handler, with which you can execute your specific resizing logic depending on the currently expanded/collapsed column group. Additionally, please note, that as the click handler is fired before the group is actually expanded/collapsed, the opposite value of columnGroup.expanded has to be used (!columnGroup.expanded).

    Please, check out this suggestion on your side and let me know if it helps.

    Best regards,
    Bozhidara Pachilova
    Associate Software Developer

Children