I have the following code to dynamically set the height of a Kendo MVC grid. This works on any Windows based browser. However, it does not work in Chrome or Safari on an iOS device. Would you know why this isn't working? Or, is there a better way to change the height of a grid after it's been initialized?
var grid = $("#grid").data("kendoGrid");
$("#grid").css("height", 500);
grid.resize()
grid.redraw();