Skip to content

[(Analytical) Tree Table] Hightlight container nodes #8706

@wvudako

Description

@wvudako

Is your feature request related to a problem?

As a user I want to be able to distinguish the "lowest" / last container node from the "highest" / first leaf node. Especially further right (if that columns are filled in container and leaf nodes) in the table aligning with the Expand/Collpase button on the left end can be hard.

Describe the solution you'd like

I would like the whole line item of a container node to be styled differently than any leaf node.
Container nodes do not need to be distinguishable.
Styling should be different to table header.

We have experimented with the guideline from the tree table Fiori doc
"Emphasize important values. Do not let the user run into a wall of text without guidance. You can use bold text for this."
Furthermore we tried adopting the seperators / borders like it is done with the header / footer
We also looked at the styling of grouped / aggregated rows
And now we do not know which direction to go

Describe alternatives you've considered

No response

Additional Context

https://www.sap.com/design-system/fiori-design-web/v1-148/ui-elements/analytical-table-alv
https://www.sap.com/design-system/fiori-design-web/v1-148/ui-elements/tree-table

Styling of grouped / aggregated rows
https://www.sap.com/design-system/fiori-design-web/v1-148/ui-elements/analytical-table-alv/media_1b0fd387baebc0d7d74ff8b25f640fe17c196c0a2.png?width=2000&format=webply&optimize=medium

Usecase example:
From the Fiori tree table doc
https://www.sap.com/design-system/fiori-design-web/v1-148/ui-elements/tree-table/media_16280f7c94144325e0de60ba4accea0bfd3594f8b.png?width=2000&format=webply&optimize=medium
One could aggregate (sum) the prices upwards to the container nodes and doing that across multiple hierarchical levels

Organization

No response

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels
    No fields configured for Feature.

    Projects

    Status
    🆕 New

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions