FlexGrid Column Grouping

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

    • Post Options:
    • Link

    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,…

  • Posted 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

  • Posted 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.

  • Posted 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

  • Posted 19 January 2021, 7:46 pm EST

    It works.

    The tricky is SetTimeout…

    Thank you very much for your support !

Need extra support?

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

Learn More

Forum Channels