Thanks for your help¡

Best regards
Oleg 

<link rel="stylesheet" type="text/css" media="screen" href="css/south-street/jquery-ui-1.8.11.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.multiselect.css" />

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/ui.multiselect.js" type="text/javascript"></script>
<script src="js/grid.jqueryui.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

And i've checked that grid.jqueryui.js is inside of the comment line at the begining of jquery.jqGrid.min.js.

But still not working.

You could see it here: http://www.cuerdaspulsadas.es/.....ngine.html

I click button "columns" (bottom) but it doesn't do anything.

You should verify that you include ui.multiselect.css, jquery-ui.js, ui.multiselect.js and your select "jQuiery UI addons" during jqGrid dounloading. You can verify this if you open jquery.jqGrid.min.js which you currently use and search for grid.jqueryui.js inside of the comment line at the begining of jquery.jqGrid.min.js.

Best regards
Oleg

P.S. You can compare your code with the old example.

I'm adding column chooser to my jqgrid, but i can't see it working.

I have read the warnings about import (css, js) and i think it's all ok, but...

My jqgrid:

$(function(){
  $("#list1").jqGrid({
        url:'./otro2.php',
        datatype: "xml",
        colNames: ['Title','Subtitle','Composer', 'Source', 'Year','Key','Fronimo','PDF','Midi','Tab'],
        colModel:
          [
            {name:'Title',index:'title', width:70, sorttype:"string",searchoptions:{sopt: ['cn']}},
            {name:'Subtitle', index:'subtitle', width:70, sorttype:"string",searchoptions:{sopt: ['cn']},hidden: true},
            {name:'Composer',index:'composer', width:50, sorttype:"string",searchoptions:{sopt: ['cn']}},            
            {name:'Source',index:'source', width:100, sorttype:"string",searchoptions:{sopt: ['cn']}},
            {name:'Year',index:'date', width:10, sorttype:"string",searchoptions:{sopt: ['cn']}},            
            {name:'Key',index:'key', width:10,sorttype:"string",searchoptions:{sopt: ['cn']}},        
            {name:'Fronimo',index:'Fronimo', width:15,sortable:false,search:false,formatter:ft3Formater},
            {name:'PDF',index:'PDF', width:10,sortable:false,search:false,formatter:pdfFormater},        
            {name:'Midi',index:'Midi', width:10,sortable:false,search:false,formatter:midiFormater}    ,
            {name:'Tab',index:'Tab', width:10,sortable:false,search:false,formatter:tabFormater}            
          ],
        autowidth: true,
        rowList:[100,200,500],
        pager: '#pager1',
        scrollOffset:0,
        toppager: true,
        loadtext: '<br/>&nbsp;&nbsp;&nbsp;&nbsp; ::::::::: searching :::::::::: &nbsp;&nbsp;&nbsp;&nbsp; <br/><br/>',
        altRows: true,
        rowNum:50,
        viewsortcols: [true,'horizontal',true],
        height:500,
        viewrecords: true,
        sortable:true,
        hoverrows: false,
        gridview: true
      });
      
      jQuery("#list1").jqGrid('navGrid','#pager1',{add:false,edit:false,del:false,view:true,search:true,cloneToTop:true, viewtext: "View selected tablature  ",searchtext:"Search tablatures  ",refreshtext:"Clear search parameters  "},
                  {}, // edit options
                  {}, // add options
                  {}, // del options
                  {}, // search options
                  {   // view options
                      beforeShowForm: function(form) {
                          $("tr#trv_Subtitle",form[0]).show();
                      },
                      afterclickPgButtons: function(whichbutton, form, rowid) {
                          $("tr#trv_Subtitle",form[0]).show();
                      }
                  });
      
    jQuery("#list1").jqGrid('navButtonAdd','#pager1',{ caption: "Columns", title: "Reorder Columns", onClickButton : function (){ jQuery("#list1").jqGrid('columnChooser'); } });

Any Idea¡¡