Different Grid row template for mobile and desktop View.

[Taras]

Hi, i need to implement kendo Grid for mobile and desktop view. The same data need to be showed in different way.

How data should looks like You can see in attached pictures.

So, my question. Is there any way to define different row template for mobile and desktop view to avoid creating two grids?

 

 

[Taras]

If it helps. The site is written on Asp.NET MVC, grid is added via angular directives.

[Alexander Valchev]

Hello Taras,

You may use kendo.support to detect if the application is run on mobile device and assign the corresponding template during in the configuration options.

For example:

rowTemplate: kendo.support.mobileOS ? $("#mobile-rowtemplate").html() : $("#web-rowtemplate").html()

Regards,
Alexander Valchev
Telerik