Groupable, Resizable, Reorderable Not Working

2 posts, 0 answers
  1. WH
    WH avatar
    11 posts
    Member since:
    Apr 2017

    Posted 11 Apr Link to this post

    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.

  2. WH
    WH avatar
    11 posts
    Member since:
    Apr 2017

    Posted 12 Apr Link to this post

    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.

Back to Top