title: jqgrid pager buttons (next , prev, first, last) not visible
body: <p>Here is the issue the pagination works but the icons for the pager(next , prev, first, last)
  are not visible in the UI. but when i click on any of them(the icons are usually on either side of Page 1 of 3 which is visible. not sure what is causing this issue.</p>
  
  <p>here is the jquery code :</p>
  
  <pre><code>       grid.jqGrid({
              datatype: "local",
              data:this.get('mydata').data,
              colNames:['ID', 'First Name','Last Name'],
              colModel:[
                  {name:'id',index:'id', key: true, width:70, sorttype:"int"},
                  {name:'firstName',index:'firstName', width:90},
                  {name:'lastName',index:'lastName', width:100}
  
              ],
              search:true,
              pager:'#pager',
              localReader: {cell:""},
              rowNum: 10,
              rowList: [5, 10, 20, 50],
              //loadatonce:false,
              sortname: 'id',
              sortorder: 'asc',
              viewrecords: true,
              sortable:false,
              cmTemplate: {sortable:true},//change to false if want
              multiselect:true,
              multiboxonly: false,
              height: "100%",
              caption: "Multiple search with local data",
              onSelectAll:function(aRowids,isSelected){
              // this is not used in this sample.. as I removed the check all button
                var i, count, id;
                for (i = 0, count = aRowids.length; i &lt; count; i++) {
                     id = aRowids[i];
                     if(isSelected)
                       {mysel.pushObject(id);}
                       else
                      { mysel.removeObject(id);}
  
                }
  
                that.set('selection',mysel);
              },
              gridComplete: function(){
  
                            },
             loadComplete: function(){
                 grid.jqGrid('setGridParam', {
                     page: page,
                     records: records,
                     lastpage: lastpage
                 });
                 this.updatepager(false, true);
               },
              onPaging: function(pgButton){
  
                var pageNumber = $(this).jqGrid("getGridParam", "page");
                   //alert("page number is "+pageNumber);
                  // alert("pgButton ===== "+pgButton);
                   if(pgButton === 'next_pager') {
                      pageNumber  =  pageNumber+1;
                     page  =  pageNumber;
                   }else if(pgButton === 'prev_pager') {
                      pageNumber  =  pageNumber-1;
                      page  =  pageNumber;
                    }else if(pgButton === 'last_pager') {
                      pageNumber  =  lastpage;
                      page  =  pageNumber;
                    }else if(pgButton === 'first_pager') {
                       pageNumber  =  1;
                       page  =  pageNumber;
                    }
                   var pageSize  = $(this).jqGrid("getGridParam", "rowNum");
                  //alert("rowNum   ====="+pageSize);
                   // grid.jqGrid('setGridParam', {data: dataToLoad});
                   that.store.find("oldcontact",{page:pageNumber,pagesize:pageSize}).then(function(dataToLoad){
                           var data=[];
                             grid.jqGrid('clearGridData');
                             //var gridBody = grid.children("tbody");
                            // gridBody.empty();
                              dataToLoad.forEach(function(item){
                                      var hash={};
                                      var count =0;
                                      var type = that.store.modelFor('oldcontact');
                                      var fields = Ember.get(type, 'fields');
                                      hash['id']=item.get('id');
                                      fields.forEach(function(field) {
                                          hash[field]=item.get(field);
                                       });
                                    // grid.jqGrid('addRowData',count,hash);
                                     count = count+1;
                                     data.push(hash);
                           });
                                var meta =  that.store.metadataFor("oldcontact");
                                page = meta.page;
                                lastpage = meta.lastpage;
                                records = meta.records;
                                 grid.jqGrid('setGridParam', {data: data});
                                 grid.trigger('reloadGrid');
  
                   });
              },
  
  
  
          });
  </code></pre>