wave icon indicating copy to clipboard operation
wave copied to clipboard

Recursive groups for Table widget

Open AlexKotik opened this issue 1 year ago • 3 comments

I'd like to ask for a recursive groups in a Table widget, so that we could make it easier to display hierarchical tabular data. Here is an example how it looks in ag-grid javascript library: 253592138-97d13e66-734e-4a50-b3c1-1a7744b8b815

AlexKotik avatar Aug 11 '23 09:08 AlexKotik

This is not supported by FluentUI DetailsList Wave is using and there is no reasonable workaround.

However there is the new Tree component in FluentUI v9 for this scenario. Hard to say if it's stable. The issue is closed for several months, but in the component mapping in the migration guide there is still a tilde (~) near the component, which "means the v9 component is currently being developed. It may be in preview or not exported from react-components yet".

@mturoci do you think we should be implementing a new tree view component for Wave based on FluentUI V9?

marek-mihok avatar Mar 07 '24 12:03 marek-mihok

do you think we should be implementing a new tree view component for Wave based on FluentUI V9?

That would be too much work since the whole table would need to be migrated. Could maybe GroupedList be used instead?

mturoci avatar Mar 07 '24 12:03 mturoci

Could maybe GroupedList be used instead?

Unfortunately not. There is also not possible for both rows and groups to be rendered on the same level. The DetailsList is built on top of the GroupedList so that's why the same behavior.

marek-mihok avatar Mar 07 '24 13:03 marek-mihok