mobile Boolean|String (default: false)

If set to true and the grid is viewed on mobile browser it will use adaptive rendering.

Can be set to a string phone which will force the widget to use adaptive rendering regardless of browser type.

Important: With the mobile rendering you should make sure to setup the height option as well.

Example - enable adaptive rendering auto detect

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [
     { field: "name" },
     { field: "age" },
     { command: "destroy" }
   ],
   dataSource: [
     { name: "Jane Doe", age: 30 },
     { name: "John Doe", age: 33 }
   ],
   filterable: true,
   columnMenu: true,
   mobile: true,
   height: 550
});
</script>

Example - force adaptive rendering

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
   columns: [
     { field: "name" },
     { field: "age" },
     { command: "destroy" }
   ],
   dataSource: [
     { name: "Jane Doe", age: 30 },
     { name: "John Doe", age: 33 }
   ],
   filterable: true,
   columnMenu: true,
   mobile: "phone"
});
</script>
In this article
Not finding the help you need? Improve this article