We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

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.
Live Chat Icon For mobile
Up arrow icon