jQuery Grid Plugin - jqGrid - Topic: Help with coloumn reordering http://www.trirand.com/blog/?page_id=393/help/help-with-coloumn-reordering Simple:Press Version 5.7.5.3 tony on Help with coloumn reordering http://www.trirand.com/blog/?page_id=393/help/help-with-coloumn-reordering#p15534 Help http://www.trirand.com/blog/?page_id=393/help/help-with-coloumn-reordering#p15534 Hello,

As described here -

http://www.trirand.com/jqgridw.....y_ui_intro

you must load the jQuery UI library

Regards

Tony

]]> Tue, 09 Mar 2010 19:42:56 +0200 jin on Help with coloumn reordering http://www.trirand.com/blog/?page_id=393/help/help-with-coloumn-reordering#p15435 Help http://www.trirand.com/blog/?page_id=393/help/help-with-coloumn-reordering#p15435 Hi I can not seem to get the coloumn reordering to work in my grid. The coloumns are sortable by clicking the header but i am unable to drg the coloumns around. I have included the grid.jqueryui.js and set sortable to true. Any help is appreciated. Thanks

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT.....strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>
 
 
<link rel="stylesheet" type="text/css" media="screen" href="css/redmond/jquery-ui-1.7.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="js/src/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="js/src/css/jquery.searchFilter.css" />
 
<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="js/src/grid.loader.js" type="text/javascript"></script>
<script src="js/src/grid.jqueryui.js" type="text/javascript"></script>

<!--Cell Wrap Around-->
 <style>
.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    height:auto;
    vertical-align:text-top;
    padding-top:2px;
}
</style>

 <script type="text/javascript">
jQuery(document).ready(function(){
  jQuery("#grid").jqGrid({
   sortable: true,  
   resizable:true,
   height:700,
   autowidth: true,
      url:'db.php',
      datatype: "json",
      mtype: 'GET',
      colNames:['ID', 'Variants', 'XTX', 'XT', 'PRO', 'Owner', 'Notes', 'Description'],
      colModel:[
                {name:'ID',index:'ID', hidden:false, editable:false, width:25},
    {name:'Variants',index:'Variants', width:150},
    {name:'XTX',index:'XTX', width:70},
    {name:'XT',index:'XT', width:70},
    {name:'PRO',index:'PRO', width:70},
    {name:'Owner',index:'Owner', width:150},
    {name:'Notes',index:'Notes', sortable:false, width:300},
    {name:'Description',index:'Description',  sortable:false, width:700},
    
           ],
     jsonReader : {
          repeatitems:false
     },
      rowNum:100000000,
      rowList:[100000000, 10,20,30],
   loadComplete: function()
   {
  $("option[value=100000000]").text('All');
    },
  
  
      pager: jQuery('#gridpager'),
      sortname: 'ID',
      viewrecords: true,
      sortorder: "asc",
      caption:"Wines",

 }).navGrid('#gridpager');
});
</script>
 
 
</head>

<body>

...
<div id="jqgrid">
    <table id="grid"></table>
    <div id="gridpager"></div>
</div>
...
</body>
</html>

]]> Fri, 05 Mar 2010 23:06:57 +0200