UI5 / UI5/webcomponents

[Feature Request]:Virtualization capability of Tree component

Open
#11,837 2 comments 0 reactions 1 assignee View on GitHub

@dobrinyonkov is already working on this.

Since Jul 3, 2025.

feature request SAP Analytics Cloud TOPIC P
Dominant language
TypeScript
Stars
1.8k
Forks
285
Avg merge
3d 2h
Merged PRs (30d)
59

Description

Feature Request Description

Hi

As part of our transition to adopting UI5 Web Components in our product, we've encountered a significant performance issue when rendering trees with a large number of nodes.

We would like to kindly request support for tree virtualization—specifically, rendering only the nodes that are visible within the scroll viewport, similar to how libraries like react-window handle virtualized lists. We’ve observed that this type of optimization is already available for ui5-table, and extending similar support to the ui5-tree component would be highly beneficial.

This limitation is currently a major blocker for our adoption of the UI5 Web Components framework. We would greatly appreciate your consideration of this feature request.

Any alternative suggestions are also greatly appreciated.

Thank you.

Proposed Solution

We would like to kindly request support for tree virtualization—specifically, rendering only the nodes that are visible within the scroll viewport, similar to how libraries like react-window handle virtualized lists. We’ve observed that this type of optimization is already available for ui5-table, and extending similar support to the ui5-tree component would be highly beneficial.

Proposed Alternatives

No response

Organization

No response

Additional Context

No response

Priority

None

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.