According to the Kendo documentation, grids will "expand to fit the width and height of its container and contents" by default. This is what I want. However, some script is automatically generating a style="height:129px" for the .k-widget div, and style="height: 99px;" for the .k-grid-content div. I can't figure out where this 130px height is coming from, I haven't specified it anywhere, and the grid is inside a container that is much larger than 130px high, and the content of the grid is thousands of pixels high..
This is the Javascript I'm using:
Is there a way to manually force a grid to have height:auto or height:100%? (As you can see above, I've tried putting 100% in the Javascript to no avail.)
This is the Javascript I'm using:
$Elem.children(
".table"
).kendoGrid({
dataSource: data,
/* height: "100%", (do not specify height) */
scrollable:
true
,
selectable:
true
,
sortable:
true
,
filterable:
true
,
pageable:
false
,
resizable:
true
,
rowTemplate: kendo.template($chanElem.children(
".rowTemplate"
).html())
});
Is there a way to manually force a grid to have height:auto or height:100%? (As you can see above, I've tried putting 100% in the Javascript to no avail.)