Only show 8 elements.

Hi, I have this problem:

This is my .html:

div data-bind="koGrid: {data : RainfallData,footerVisible:true, enablePaging:true" div

And this is my .js:

define(["dataContext"], function (dc) {
var viewModel = function () {
var rainfallData = ko.observableArray();
return {
RainfallData: rainfallData,
totalItems: rainfallData.length,
activate: function () {
return dc.RainfallData.Get().done(function (rainfalldataFromServer) {
$.each(rainfalldataFromServer, function (index, c) {
rainfallData.push(c);
});
});
}
};
}();
return viewModel;
});

The problem it's that the grid it's showing only 8 elements. And the pagination it's no working.

Start with the supplied .html koGrid binding and the .js view model, checking how the observable array, totalItems value, and paging options are connected. Reproduce the eight-item limit and verify the grid's pagination configuration; done means all loaded records are available through working pagination controls.

Written by the indexing model from the issue text.