Make one row not expandable in hierarchy

I have a syncfusion grid in hierarchy mode. I want to make the last row not expandable. How do I do this?

 


1 Reply

PS Pavithra Subramaniyam Syncfusion Team January 5, 2023 06:56 AM UTC

Hi John,


You can achieve your requirement by setting the “pointer-events” style for the last row icon element as “none”. Please refer to the below code example and the sample link for more information.


tbody tr:last-child td:first-child { // you can modify the selector based on your requirement

  pointer-events: none;

}


https://stackblitz.com/edit/angular-1ce54e?file=src%2Fapp.component.html


Please get back to us if you need further assistance on this.


Regards,

Pavithra S


Loader.
Up arrow icon