I have the following test Grid and Grouping, Reordering, and Resizing all fail to work.
I see a "stop sign" whenever I try to drag and drop a column header to group or reorder. Trying to Resize, I see the handles but it doesn't actually resize.
@(Html.Kendo().Grid<MyWorkRowModel>() .Name("myworkgrid") .Columns(columns => { columns.Bound(c => c.ReqID); columns.Bound(c => c.Title); }) .Scrollable() .Groupable() .Sortable() .Filterable() .ColumnMenu() .Resizable(rsb => rsb.Columns(true)) .Reorderable(r => r.Columns(true)) .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("LoadWorkGrid", "Dashboard").Data("WorkGridUser"))) )
For Reference "WorkGridUser" is:
function WorkGridUser() { return { uid: "@(ViewBag.UserID)" }}
And the problem is the same even when leaving that off.
What am I doing wrong?
These are the references I am using (along with jquery 1.10.2, bootstrap, and toastr):
<link href="http://kendo.cdn.telerik.com/2017.1.223/styles/kendo.common.min.css" rel="stylesheet" type="text/css" /><link href="http://kendo.cdn.telerik.com/2017.1.223/styles/kendo.bootstrap.min.css" rel="stylesheet" type="text/css" /><link href="http://kendo.cdn.telerik.com/2017.1.223/styles/kendo.bootstrap.mobile.min.css" rel="stylesheet" type="text/css" /><script src="https://kendo.cdn.telerik.com/2017.1.223/js/kendo.all.min.js"></script><script src="https://kendo.cdn.telerik.com/2017.1.223/js/kendo.aspnetmvc.min.js"></script>
Thank you.