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.)