navGrid de ne pas travailler avec JQGrid

J'ai un asp.net MVC app et je vais essayer d'obtenir les jqgrid 3.5 travailler dans ce domaine. Ma grille de ne pas utiliser la pagination de fonctionnalités, mais je veux utiliser la page de la barre de navigation pour modifier les boutons. Ma grille dans un jquery contrôle onglet sur une page de contenu. L'affichage de mes données fonctionne très bien dans le réseau, mais lorsque j'ajoute le .navGrid() extension et d'options pour cela, il rompt l'affichage de la grille (onglets en aller) et non les boutons sont affichés. Voici ma grille de déclaration - n'importe qui peut voir ce que je suis absent. Ou est-il un moyen de déterminer quelle est la cause de cette rupture. Je suis assez désespéré pour obtenir ce travail - Merci à l'avance.

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery("#sandgrid").jqGrid({
        url: '/EquipTrack/GridData/',

    editurl: '/EquipTrack/Edit/', 
        datatype: 'json',
        mtype: 'GET',

        height: 255,
        width: 755,
        rowNum: 5000,
        colNames: ['ID', 'Type', 'Make', 'Model', 'Year', 'Location', 'Insp Due', 'Serv Due', 'Miles/Hrs', 'Milage Dt', 'Reg By', 'Mngd By', 'Tag Exp',''],
        colModel: [
         { name: 'equip_id', index: 'equip_id', width: 65, editable: true },
         { name: 'type_desc', index: 'type_desc', width: 130, editable: true },
         { name: 'make_descr', index: 'make_descr', width: 80, editable: true },
         { name: 'model_descr', index: 'model_descr', width: 80, editable: true },
         { name: 'equip_year', index: 'equip_year', width: 60, editable: true },
         { name: 'work_loc', index: 'work_loc', width: 130, editable: true },
         { name: 'insp_due_dt', index: 'insp_due_dt', width: 100, editable: true },
         { name: 'service_due_num', index: 'service_due_num', width: 80, editable: true },
         { name: 'miles_hours', index: 'miles_hours', width: 80, editable: true },
         { name: 'miles_dt', index: 'miles_dt', width: 100, editable: true },
         { name: 'registered_by', index: 'registered_by', width: 80, editable: true },
         { name: 'managed_by', index: 'managed_by', width: 80, editable: true },
         { name: 'tag_expire_dt', index: 'tag_expire_dt', width: 100, editable: true },
         { name: 'inspection_warn', index: 'tag_expire_dt', width: 0, hidden:true}],

        sortname: 'equip_id',
        sortorder: "asc",
        afterInsertRow: function(rowid, rowdata, rowelem) {
            if (rowelem[13] == 'SET_RED') {
                jQuery("#sandgrid").setCell(rowid, 'insp_due_dt', '', { color: 'red' })
            }
        },
        viewrecords: true,
        pager: jQuery('#sandgridp'),
        caption: 'Inventory'

    }).navGrid('#sandgridp',
     {view:true}, //options
      {height:290,reloadAfterSubmit:false, jqModal:false, closeOnEscape:true, bottominfo:"Fields marked with (*) are required"}, //edit options
      {height:290,reloadAfterSubmit:false,jqModal:false, closeOnEscape:true,bottominfo:"Fields marked with (*) are required"}, //add options
      {reloadAfterSubmit:false,jqModal:false, closeOnEscape:true}, //del options
      {closeOnEscape:true}, //search options
      {height: 250, jqModal: false, closeOnEscape: true} //view options
      );

    $('#sandgridp_center').remove();
    $('#sandgridp_right').remove();
});