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.