Dojox.grid with pagination

HTML

<div id="treeGrid"></div>

CSS

@import "http://dojotoolkit.org/reference-guide/1.8/_static/js/dojo/resources/dojo.css";
@import "http://dojotoolkit.org/reference-guide/1.8/_static/js/dijit/themes/claro/claro.css";
@import "http://dojotoolkit.org/reference-guide/1.8/_static/js/dojox/grid/enhanced/resources/claro/EnhancedGrid.css";
@import "http://dojotoolkit.org/reference-guide/1.8/_static/js/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css";

/*Grid need a explicit width/height by default*/
#grid {
    width: 43em;
    height: 20em;
}

JavaScript

dojo.require("dojox.grid.TreeGrid");
dojo.require("dojox.grid.enhanced.plugins.Pagination");
dojo.require("dojo.data.ItemFileWriteStore");

dojo.ready(function(){
    /*set up data store*/
    var data = {
  "identifier": "id",
  "label": "name",
  "items": [
    {
      "id": "2018",
      "type": "year",
      "year": "2018",
      "geography": 
      [
        {
          "id": "id1",
          "geography": "Asia Pacific",
          "childItems" :
          [
          	{
              "id": "ci1",
              "country": "Australia",
              "programname": "Program 1",
              "credit": 100,
              "debit": 50
            },
            {
              "id": "ci2",
              "country": "India",
              "programname": "Program 1",
              "credit": 100,
              "debit": 50
            }
          ]
        },
        {
          "id": "id2",
          "geography": "North America",
          "childItems" :
          [
          	{
              "id": "ci3",
              "country": "Canada",
              "programname": "Program 2",
              "credit": 100,
              "debit": 50
            },
            {
              "id": "ci4",
              "country": "USA",
              "programname": "Program 2",
              "credit": 100,
              "debit": 50
            }
          ]
        }
      ]
    },
    {
      "id": "2017",
      "type": "year",
      "year": "2017",
      "geography": 
      [
        {
          "id": "id3",
          "geography": "Asia Pacific",
          "childItems" :
          [
          	{
              "id": "ci5",
              "country": "Australia",
              "programname": "Program 1",
              "credit": 100,
              "debit": 50
            },
            {
              "id": "ci6",
              "country": "India",
              "programname": "Program 1",
              "credit":100,
              "debit": 50
            }
          ]
        },
       ...