jQuery Grid Plugin - jqGrid

I'm trying to generate a TreeGrid with the following code.  The headers show up but no data is displayed.  What am I doing wrong here?? 

function buildStatementTree(data) {
    $('#statementContent').jqGrid({
        treeGrid: true,
        treeGridModel: 'adjacency',
        ExpandColumn: 'StatementSectionId',
        datatype: 'clientSide',
        colNames: ['StatementSectionId', 'SectionName'],
        colModel: [ {name:'StatementSectionId',index:'StatementSectionId', hidden:false,key:true},
                    { name: 'SectionName', index: 'SectionName', hidden: false, key: true}],
        height: 'auto',
        pager: '#statementContentPager',
        caption: 'Statement Detail'
    });
    
    // populate the table
    for (var i = 0; i < 2; i++) {
      
        jQuery("#statementContent").setTreeRow(i, {
            StatementSectionId: i,
            SectionName: 'test',
          level: 1,
          parent: null,
          isLeaf: true,
          expanded: true
        });
    }

}