This is a migrated thread and some comments may be shown as answers.

Groupable, Resizable, Reorderable Not Working

1 Answer 44 Views
Grid
This is a migrated thread and some comments may be shown as answers.
WH
Top achievements
Rank 1
WH asked on 11 Apr 2017, 07:42 PM

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):

 

Thank you.

1 Answer, 1 is accepted

Sort by
0
WH
Top achievements
Rank 1
answered on 12 Apr 2017, 02:41 PM

I found a "sort-of" workaround.

If I load a persistence state then all these broken parts about the grid suddenly start working.  Furthermore, other annoying things about the grid that I didn't mention (column headers not staying at the top when scrolling, column headers not quite lining up properly with the columns) all get fixed too.

 

It looks like to get the grid working, I need to auto-load a persistence state when the page loads.  This is annoying and quirky but seems to work.  Not an ideal solution.

Tags
Grid
Asked by
WH
Top achievements
Rank 1
Answers by
WH
Top achievements
Rank 1
Share this question
or