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
close icon

Collapsable grid row on mobile devices


I am using the syncfusion mvc grid (latest version). 

I would like to achieve this behaviour on mobile devices: to show by default only the information from the first column, and expanding the row when clicking on it in order to see all the other info. The layout should remain the same when a row is expanded (i'm using the responsive grid layout).

On other devices, the behaviour should remain unchanged, having a normal grid. 

Can it be done using your grid, and could you give me an idea as in how? 

Thank you,


3 Replies

AS Alan Sangeeth S Syncfusion Team July 18, 2016 11:49 AM UTC

Hi Catalina, 

Thanks for using Syncfusion products. 

Before working on your query, could you please confirm us the below details so that we could provide you a response as early as possible? 
1.     Whether you want to hide the other column headers also? 
2.     Is it enough to show the other column information in table format or do you want to use Grid control to show other column information while expanding row? 
Provided information will be great helpful for us to assist you. 
Alan Sangeeth S 

CV Catalina Vatuiu July 18, 2016 12:07 PM UTC


I've attached some images with the actual layout, and the required one. 

Let me know if you need more info,

Attachment: Responsive_collapsable_grid_row_75794831.zip

SS Seeni Sakthi Kumar Seeni Raj Syncfusion Team July 19, 2016 12:13 PM UTC

Hi Catalina,  

We have created Custom Sample request for your requirement and created a new support incident to track this. Please log on to our support website to check for further updates. 

Seeni Sakthi Kumar S. 

Live Chat Icon For mobile
Up arrow icon