1 Answer, 1 is accepted
Hi Stanil,
The expanded state of the detail rows is determined by the expanded field in the data items. You can check the following example where all detail rows are collapsed initially:
If you have something different in mind, please share a stackblitz example with your scenario.
Best Regards,
Konstantin Dikov
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!
Rank 1
Thank you for your reply.
I have seen this example and I am applying the same approach, but it does not work. I have also tried to change the "expanded" property to "false" on few places in the code, which also did not work. Do you know what could be the reason making the grid expand by default ? I have tried so many different ways to enforce it to be collapsed by default, but it simply does not work.
Hello, Stanil,
The `expanded` state of each dataItem is kept in the app state and is updated in the onExpandChange event. The `expanded` state needs to be added to the data and is handled by the onExpandChange you can check onExpandChange event and its value.
I can help you with a solution if you can provide me with a runnable example or more details on the use case of the described functionality.
I look forward to resolving the matter and await your response.
Rank 1
Hello Yanko and thank you for you reply,
I am working on a application that uses the PowerBI Client library, and when loading the grid the dataState is passed to the grid, and this is the initial state:
const initialDataState: State = {
sort: [{ field: "name", dir: "asc" }],
take: 100,
skip: 0,
group: [
{ field: "VisualTypeName", },
],
};
Could it be the reason for the grid being expanded ?
Hi, Stanil,
Thank you for the provided code.
The reason behind this behaviour may come from the use of both detail rows and grouping in the same Grid. Since the Grid will fire `onExpandChange` event for both expanding/collapsing the groups and the detail rows, additional logic must be added to it.
To determine if a group item is firing the `onExpandChange` event or a dataItem we need to check if an "aggregates" object exists in the item (which is available for groups only). Please check this example that has both functionalities enabled:
The reason for the grid being expanded can be related to the `expanded` property and the `onExpandChange` event, can you please provide more details about their implementation or provide a runnable example that replicates the faced scenario?
Rank 1
Hi, Stanil,
Thank you for this. We will continue the discussion of the matter there.