How can I resize a Kendo Grid column in iPad

Author: | Posted in Kendo, Learn 2 Comments

You can enable the Kendo configuration “mobile“. If set to true and the grid is viewed on mobile browser it will use adaptive rendering. It can be set to a string phone or tablet which will force the widget to use adaptive rendering regardless of browser type. The grid uses same layout for both phone and tablet.


<div id="grid"></div>
<script>
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: [
{ name: "Rahul Jones", age: 30 },
{ name: "Rohit Jones", age: 33 }
],
height: 550,
groupable: true,
sortable: true,
filterable: true,
resizable: true,
mobile: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
columns: [
{ field: "name" },
{ field: "age" }
],
});
});
</script>

For reference, please go to the following link
http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-mobile

Comments
  1. Posted by shweta
    • Posted by Sona Krishnan

Add Your Comment