Header expanding

2 posts, 0 answers
  1. Andy Macourek
    Andy  Macourek avatar
    30 posts
    Member since:
    Mar 2010

    Posted 02 Apr 2014 Link to this post

    I have an issue with a grid header expanding when I add more data.

    My client code is:

    var clientDataSource = new kendo.data.DataSource({
    schema: {
    model: {
    id: "id",
    fields: {
    RecordId: { type: "string" }
    ,RecordType: { type: "string" }
    ,RecordName: { type: "string" }
    }
    }
    }
    ,data:[]
    });

    $(document).ready(function () {
    $("#gridNotificationObject").kendoGrid({
    columns:
    [{field: "RecordType",title: "Type", width:100}
    ,{field: "RecordName",title: "Name"}
    ]
    ,sortable:true
    ,selectable: true
    ,filterable: false
    , scrollable: true
    , size: { height: 250 }
    ,dataSource: clientDataSource
    });
    });

    I am adding data with:

    clientDataSource.add({
    RecordId: type + id
    ,RecordType: title
    ,RecordName: name
    });
    clientDataSource.sync();
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 04 Apr 2014 Link to this post

    Hi Andy,

    Based on the provided information, I would suspect that the problem is caused by custom CSS styles, invalid HTML on the page or uncleared floats above the Grid. Please verify each of these assumptions and send a runnable demo if you need additional assistance.

    Regards,
    Dimo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
Back to Top