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" }

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

    I am adding data with:

    RecordId: type + id
    ,RecordType: title
    ,RecordName: name
  2. Dimo
    Dimo avatar
    8406 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.

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top