Tree table to include sort, horizontal scrolling, and sticky column

[nlcwong]

Requesting enhancements to tree table component

Use case:

For the Hybrid Committed Spend program, we need a way to show the cost of the users' Red Hat spend by grouping them in departments and from there a list of products that summed up that spend per department. To accomplish this, we would like to use a tree table to show the relationship of the departments, but then provide the user with the breakdowns of that spend at the same time, so that they can compare the department breakdown spends at the same time. Since we can have hundreds of rows, we would need a way for the tree table to...

• sort by column (to show the department/breakdown with the highest/lowest cost at any given month that is shown)
• sticky column (since it would be multiple months, we would need to have the first column, which is the name of the dept./breakdown be traced to what the monthly cost was (can span multiple years so many columns)
• horizontal scroll (multiple years of monthly data)

This design is documented in the PF-react issue: https://github.com/patternfly/patternfly-react/issues/8285 Please refer to this issue for mocks and further explanation of needs.

In terms of timeline, the HCS program is looking for late Q4 release of the UI.

[mcarrano]

Closing in favor of https://github.com/patternfly/patternfly-react/issues/8285