How can I resize a Kendo Grid column in iPad
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
hi,
if we add “mobile: true” in kendogrid then another User interface open for me.we want normal kendogrid User interface in tablet with resize grid column functionality.
Thanks!
Hi Shweta,
Even I was trying to achieve the same, to show a normal UI in the mobile interface as well. But, this is the only solution I found to make the grid work efficiently in touch devices. Column resizing on such devices has been supported by Kendo’s adaptive rendering, which is nothing but setting the ‘mobile’ property to ‘true’ or ‘phone’. Surely I’ll let you know if I find some work around.
Thanks & Regards,
Sona