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
About Author
Sona Krishnan
What defines me is my passion, which consistently drives me to explore more. A Tech enthusiast. Working in a challenging environment, on demanding problem statements, made me bring the best out of myself. The urge to learn something new, thrives within me day by day and the way I give respect to my knowledge is, by sharing it with others, especially the young minds. Yes, even I am one among the 'Dreamers', who are striving to make this world a better place to live, bringing dreams to reality and to create a milestone in the field of Education and Technology.
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