Kendo Grid displaying local data
My Kendo Grid is getting the correct data, however, I am forced to click on the refresh button on the grid in order to display the data instead of it automatically showing on load. How can I get the data to display automatically without having to press the refresh button? // calcs is run in a loop to get all of the data into an array calcs = { RollDiameter: parseFloat(Math.round(view[1].RollDiameter * 100) / 100).toFixed(2), Footage: view[1].Footage, Impressions: view[1].Impressions, SquareInches: parseFloat(Math.round(view[1].decFutureUse01 * 100) / 100).toFixed(2), RollWeight: parseFloat(Math.round(view[1].RollWeight * 100) / 100).toFixed(2) }; calculations.push(calcs); $("#grid").kendoGrid({ toolbar: ["pdf"], pdf: { allPages: true, avoidLinks: true, paperSize: "A4", margin: { top: "2.6cm", left: "1cm", right: "1cm", bottom: "1.8cm" }, landscape: false, repeatHeaders: true, template: $("#page-template").html(), scale: 0.8 }, dataSource: { data: calculations, pageSize: 20 }, // height: auto, sortable: false, groupable: false, pageable: { refresh: true, pageSizes: true, buttonCount: 5 }, columns: [{ field: "RollDiameter", title: "Roll Diameter