Asking for flexgrid help : how to show an "history line" on selection?

Posted by: develop on 6 January 2021, 2:16 am EST

    • Post Options:
    • Link

    Posted 6 January 2021, 2:16 am EST - Updated 3 October 2022, 5:54 am EST

    Hi,

    Context

    I’ve got a WjFlexGrid that already has with many controls : sorting, filtring, grouping, …

    Now when a line is selected, I’ve got to show a line just below the selected one, with historical data.

    See attachment :

    Implementation

    I’ve tried some ways

    With a flexgrid and hiding rows

    The main problem is : I can’t have the history line certainly follow its parent line, because of sorting, grouping…

    With multirow

    Having historical data directly attached to the item is OK, but I’d have to update the layout to show two lines for the selected line only. It seems to be impossible.

    Do someone has an idea how to accomplish this ?

    Thank you in advance !

  • Posted 6 January 2021, 6:03 pm EST

    Hi,

    You may use the DetailRow functionality to achieve the required functionality. Please refer to the following sample which demonstrates the same:

    https://codesandbox.io/s/wijmo-angular-forked-q2wj3?file=/src/app/app.component.ts

    You may also checkout the following demo for DetailRow:

    https://www.grapecity.com/wijmo/demos/Grid/Master-Detail/NestedGrids(RowDetail)/angular

    Regards

    Sharad

  • Posted 6 January 2021, 8:48 pm EST

    Thank you sire, exactly what I was looking for !

Need extra support?

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

Learn More

Forum Channels