I'm trying to get my Grid to stay a static size no matter how many elements are visible on the page. Currently my first page of the grid looks lile this:
http://imgur.com/RAWx6
And my last page of the grid looks like this:
http://imgur.com/zL9na
I'm using the following code:
Any suggestions on how I can make the grid stay the same height no matter how many elements there are?
http://imgur.com/RAWx6
And my last page of the grid looks like this:
http://imgur.com/zL9na
I'm using the following code:
var gridDataSource = new kendo.data.DataSource({ transport: { read: { url: "mysite", dataType: "json", contentType: "application/json; charset=utf-8", type: "POST", data: function () { return { param: value }; } }, parameterMap: function (options) { return JSON.stringify(options); } }, schema: { model: { id: "id", fields: { name: { type: "string" }, domain: { type: "string" }, lastSeen: { type: "date" }, os: { type: "string" } } // End of fields }, // End of model data: "Entries", total: "TotalCount" }, sort: { field: "name", dir: "asc" }, pageSize: 14, serverPaging: true, serverSorting: true, serverFiltering: true});var devicesDataGrid = $("#devicesGrid").kendoGrid({ selectable: "row", dataSource: gridDataSource, autoBind: false, columnMenu: true, filterable: true, scrollable: false, sortable: true, resizable: true, height: 500, columns: [ { title: "Name", field: "name", template: "<a href='/GridVision/EditOrganizationDevice?organizationDeviceId=#= organizationDeviceId #'>#= name #</a>" }, { title: "Domain", field: "domain" }, { title: "Operating System", field: "os", template: '<div class="ellipsisCell" title="#= os #">#= os #</div>' }, { title: 'Last Seen', field: 'lastSeen', template: "#= kendo.toString(lastSeen, 'MMMM dd yyyy, h:mm tt') #" } ], pageable: { input: true, numeric: false, info: true },}).data("kendoGrid");gridDataSource.read();Any suggestions on how I can make the grid stay the same height no matter how many elements there are?