New to Kendo UI for jQuery? Start a free 30-day trial

Mobile

configuration

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.

Avoid using the mobile option as it will be deprecated. Use the adaptiveMode configuration option instead.

Important: With the mobile rendering, we recommend to set up the height option as well. Without setting an explicit height, every view of the grid might have a different height.

mobile

Boolean|String

Default: false

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

<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",
   height: 550
});
</script>