title: Pager buttons not displaying but pager does in JQGrid
body: <p>For some reason my pager displays below my grid but not the buttons to navigate to the next, previous, first, or last pages. I know the pager is displayed because the rowList attribute is shown and I can choose how many entries to show. </p>
  
  <p>This is the JQGrid declaration code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      jQuery(document).ready(function(){ 
      jQuery("#Table").jqGrid({
        jsonReader: {
             root:"rows",
             page:"page",
             total:"total",
             records:"records",
             repeatitems:false,
             cell:"",
             id:"id",
             userdata:"userdata"
           },
        url:'project/selectTable/loadTableInfo.do',
        datatype:'json',
        colNames:['Name','Size','Delete'],
        colModel:[
        {name:'name',index:'name', sorttype:'text'}, 
        {name:'size',index:'size', sorttype:'int'},
        {name:'delete',index:'delete',width:20, stype:'select'}],
        pager:'#pager',
        rowNum:50,
        rowList:[10,25,50,75,100],
        viewrecords:true,
        autowidth:true,
        height:"auto",
        pgbuttons:true,
        pginput:true,
        loadComplete: function(){ 
          var ids = jQuery("#Table").getDataIDs(); 
          for(var i=0;i&lt;ids.length;i++){ 
            var cl = ids[i]; 
            X = "&lt;input style='height:22px;width:20px;' type='button' value='X' onclick=deleteRow("+cl+");&gt;" 
            jQuery("#Table").setRowData(ids[i],{delete:X});
            }
        }, 
        caption:'Info'
      });
    });
  &lt;/script&gt;
  &lt;div id="gridContainer"&gt;
    &lt;table id="Table"&gt;&lt;/table&gt; 
    &lt;div id="pager"&gt;&lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>