Add functionality to navigate to a specific child grid within the hierarchical grid

[viktorkombov]

Is your feature request related to a problem? Please describe.

Currently, an API is available for navigating to a specific cell in the hierarchical grid. However, there is no efficient way to navigate to a specific child grid to ensure it is visible.

Describe the solution you'd like

I am looking for an API that enables navigation to a specific component by scrolling it into view.

This feature is essential for working with the Hierarchical Grid in App Builder. Within the context of the App Builder, we use the Outline Tree and Data Hierarchy Editor to select specific Row Islands. When a Row Island is selected, we want it to automatically scroll into view, making it visible to users. This allows users to see the layout of the specific Child Grid and configure it, along with its columns and nested child grids, as needed.

In addition, it would be beneficial if this new functionality included the ability to expand and collapse rows on demand. Currently, when a Hierarchical Grid in App Builder isn’t selected, its rows remain collapsed.

To achieve a similar outcome, we are currently using a workaround with the functionality of the positionInParent method, which partially works for navigation. However, this approach fails in cases where we need to navigate to a grid with multiple scrollable parent elements or when the target grid is outside the DOM. Adding these features would greatly improve the usability and configurability of nested grids within App Builder.

Additional context

[hanastasov]

@viktorkombov and/or @ddincheva will put lot more details into this by end of week.

[github-actions]

There has been no recent activity and this issue has been marked inactive.