Collapsable grid row on mobile devices

[Catalina Vatuiu]

Hello,

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,

Catalina

[Alan Sangeeth S]

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. 

 

 

Regards,
Alan Sangeeth S 

[Catalina Vatuiu]

Hello, 

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

Let me know if you need more info,

Catalina

Attachment: Responsive_collapsable_grid_row_75794831.zip

[Seeni Sakthi Kumar Seeni Raj]

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. 

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents 

Regards, 

Seeni Sakthi Kumar S.