below the requested code. I could provide more info if required.

Thanks!
.tel

var mygrid = jQuery("#list1").jqGrid({
                        sortable : true,
                        url: '<?php print $session->link("/table/javascripts/table_div_json.php","country=");?>'+country,
                        datatype: "json",
                        mtype: 'POST',
                        colNames:['ID','Name','Last Login','Country','Active','Time Zone','Local Format','First','Last','Email'],
                        colModel : [
                            {name : 'id', index : 'id', width : 40,  sorttype : 'int', align: 'center',title : 'false'},
                            {name : 'name', index : 'name', width : 80, sorttype : 'text', align: 'left',title : 'false'},
                            {name : 'lastlogin', index : 'lastlogin', width : 80, sorttype : 'date', align: 'left',title : 'false',hidden:'true'},
                            {name : 'country', index : 'country', width : 80,  align: 'left', formatter:exampleFormatter,title : 'false'},
                            {name : 'user_active', index : 'user_active', width : 80,  align: 'right',title : 'false',hidden:'true'},
                            {name : 'timezone', index : 'timezone', width : 80,  align: 'right',title : 'false'},
                            {name : 'number_format', index : 'number_format', width : 80,  align: 'right',title : 'false'},
                            {name : 'firstname', index : 'firstname', width : 80,  align: 'right',title : 'false'},
                            {name : 'lastname', index : 'lastname', width : 80, align: 'right',title : 'false'},
                            {name : 'email', index : 'email', width : 80,  align: 'right' ,title : 'false'}
                            ],
                            pager: '#pager',
                            hoverrows : false,
                            rowNum:30,
                            rowList:[10,15,20,25,30],
                            gridview : true,
                            rownumbers: true,
                            height: 'auto',
                            autowidth : true,
                            forceFit : true,
                            sortname: 'id',
                            viewrecords: true,
                            sortorder: "desc",
                               caption: 'USER LIST',
                            loadComplete: function()
                            {
                                jQuery('.tooltip').cluetip({closePosition: 'title', ajaxCache: false, width: '600px', height :'auto',
                                   hoverIntent: { sensitivity:  1,  interval:     500,   timeout:      500 }
                                   });                                 
                            },        
                            onCellSelect: function(id,iCol,cellvalue){ 
                                var cm = jQuery('#list1').jqGrid('getGridParam', 'colModel');
                                var colName = cm[iCol];
                                if(colName['index']!='id')    
                                       return false;
                                var ret= jQuery("#list1").jqGrid('getRowData',id);
                                var box_div = document.getElementById('box_background');
                                    box_div.style.display ='block';       
                                var mydiv = document.getElementById('box_centered');
                                    mydiv.style.display ='block';
                                                      
                                    // ajax requests .... etc.
                            },    
                            onHeaderClick: function (stat) {
                            if(stat == 'visible' ){
                                jQuery("#filter").css("display","none");
                            }}
                  });
                  
etc...

Please the code example or the best is to provide a link to the problem

Thank you

Regards

Tony

when I reordered columns and one or more columns are hidden (colModel property hidden:'true'),
the column headers are out of alignment.  tested with Firefox 3.x and 4.0b2

Thanks .tel