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

Header expanding

1 Answer 14 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Andy Macourek
Top achievements
Rank 1
Andy Macourek asked on 02 Apr 2014, 05:45 PM
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();

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 04 Apr 2014, 07:58 AM
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!
 
Tags
Grid
Asked by
Andy Macourek
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or