Wie Daten in einer baumartigen Tabelle in UI5 dargestellt werden

Question

Ich habe Daten, die in einer strukturierten Tabelle angezeigt werden sollen. Es wird erwartet, dass die Tabelle auf zwei Ebenen geöffnet und reduziert werden kann, sodass Sie in den Daten einen Drilldown ausführen können.

Beispiel: Städte World Wide

Wenn der Tisch geladen es sollte wie folgt angezeigt: Area | Country | Name | Population | ... --------------+----------------+-------------+-------------+---- Europe | | | | North America | | | | ... | | | |

, wenn ich auf "Europa" klicken Sie auf die zweite Ebene wird angezeigt: Area | Country | Name | Population | ... --------------+----------------+-------------+-------------+----- Europe | | | | | Germany | | | | Czech Republic | | | North America | | | | ... | | | |

Wenn ich jetzt auf "Deutschland" klicke, erscheint die dritte Ebene mit den aktuellen Stadtdaten: Area | Country | Name | Population | ... --------------+----------------+-------------+-------------+----- Europe | | | | | Germany | | | | | Berlin | 4 Million | ... | | Leipzig | 0.5 Million | ... | Czech Republic | | | North America | | | | ... | | | |

Wie kann ich einen Drilldown in einer baumartigen Struktur erreichen, wie in diesem Beispiel in UI5 gezeigt?

Da eine der Anforderungen ist, auch die Daten auf einmal zu sehen und zu vergleichen, glaube ich, dass eine Tabellensteuerung am besten wäre, aber ich weiß nicht, wie ich dieses Drilldown-Verhalten einbringen soll.

Mobile Unterstützung ist nicht erforderlich. Die Person, die dies verwendet, wird ein Datenanalytiker sein, der auf einem großen Bildschirm arbeitet.

Jede Hilfe wird geschätzt.

Answer 1

Während diese Frage schriftlich ich mit dem Suchbegriff „UI5 Baumtabelle“ und voila kam: https://experience.sap.com/fiori-design-web/ui-components/tree-table/

für Das ist das, was ich suchte.