I have a very vanilla jqGrid with "sortable: true" (which allows you to drag/drop to reorder the columns). There are 8 columns, none are hidden, none have any properties set other than name, index, and width.
The column drag/drop works initially. I drag a column header, and drop it in a new location. The header and the data in the column below are both moved.
The problem comes in when I click to change the page. The data is populated in the wrong columns. For example, I swap the 4th and 5th columns - click to go to the next page - and the data is loaded incorrectly. Column 4 has the data from column 5, and column 5 has the data from column 4.
Other examples are different. If I drag the last column to be the first column and click for the next page, the columns data loads in this order (all columns are wrong):
7, 8, 1, 2, 3, 4, 5, 6
Am I doing something wrong... or not doing something?
Versions: jQuery 1.4.2 jQuery UI 1.8.4 (all modules selected, yes including Sortable which is required) jqGrid 3.7.2 (all modules selected, yes including grid.jqueryui.js)
The grid options I am using are mtype: 'POST', datatype: 'json', pager: '#logpager', sortname: 'LogStart', rowNum: 10, rowList: [5, 10, 20, 50], sortorder: "desc", url: 'http://localhost/services/data.aspx', height: 'auto', caption: '', sortable: true