Hello team,
I'm currently using Bryntum grid version 5.4.0 with JavaScript implementation, and I have integrated it as a component in my Vue.js page. I have set the props for grid columns, data, and features.
Currently, we are utilizing a Bryntum Tree in Vue by creating components. We place that component on the same page four times, each with a different tree group. We have implemented an "Expand All" and "Collapse All" button in the header section. However, when we click the button for the first grid, the action is applied to the last rendered grid instead of the intended one. How can we address this issue? We want the "Expand All" and "Collapse All" actions to be specific to each grid.
Moreover, we would like to use a similar approach with the bryntum grid without a tree feature.
I am attaching the sample video, a component, and a vue page for your reference.