FlexGrid Column Grouping

Posted by: qinhong.wang on 10 January 2021, 6:50 pm EST

  • Posted 10 January 2021, 6:50 pm EST

    I am using Angular with Wijmo grid.

    I followed this to do my custom grouping.
    https://www.grapecity.com/wijmo/demos/Grid/columns/columngroups

    I found "collapseTo" is the property to control which column to display after grouping.
    The problem is "collapseTo" is a string type, so just one column is displayed after grouping.

    Is it possible to display more columns after grouping?
    For example, in this case https://www.grapecity.com/wijmo/demos/Grid/columns/columngroups. Under "Perf" header, instead of "YTD" column, I hope to display "1M" and "6M" columns after I click the minus button on the header,...
  • Replied 11 January 2021, 3:02 pm EST

    Hi Wang,

    We are sorry but this is not possible. The collapseTo property only works with a single column.

    Regards,
    Ashwin
  • Replied 11 January 2021, 5:11 pm EST

    Hello ashwin.saxena,

    Thanks for you reply.
    Maybe I can do something with onColumnGroupCollapsedChanged event?
    How do I prevent the default behavior of the collapse? So I could use columns.hide() or something to do my custom grouping.
  • Replied 12 January 2021, 8:08 pm EST

    Hi again,

    I tried with the columnGroupCollapsedChanged and it seems to work according to your requirements. Thank you for the suggestion.
    Instead of a hide method, you may use the visible property of the Column to display the child column. You may refer to the sample link below for reference:

    https://stackblitz.com/edit/js-cg2uug

    ~regards
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels