Collapse Nested Rows by default using Angular

Tags: #<Tag:0x00007efc72ef54c8>
#1

Is there any way to collapse Nested Rows By default using Angular?

I have tried to use trimsRows and nestedRows plugin but I am unable to achieve it

#2

Hi @jayavardhanvedire

You can use the afterChange hook with the source indication to loadData to collapse the rows. Here is an example https://jsfiddle.net/s70L26xg/1/

#3

@aleksandra_budnik Thanks for reply!!

I have tried with your approach unfortunately didn’t worked out. Is there any other way to accomplish it?

#4

You can use any other hook or just run those methods outside the table after it gets initialized. However, if that does not work, maybe there are some issues within the code itself.
Do you get any console errors? Does the table collapse when you double click it (enter cell edit mode)?

#5

Hey @jayavardhanvedire

do we have any updates on the subject?

#6