Colreorder error

paddubattu

Hello,

There is an issue with the ColReorder in that if you re-order columns as in the below example
http://datatables.net/release-datatables/extras/ColReorder/fixedheader.html e.g. if Engine Version column is moved then Only the column header is getting moved but not the data in this column is getting reordered.

I have observed the error in chrome after reordering column in my datatable.

Uncaught Error: NOT_FOUND_ERR: DOM Exception 8 jquery.datatables.colreorder.min.js:19
o jquery.datatables.colreorder.min.js:19
f.fn.dataTableExt.oApi.fnColReorder jquery.datatables.colreorder.min.js:28
(anonymous function) jquery.datatables.min.js:312
ColReorder._fnMouseUp jquery.datatables.colreorder.min.js:61
(anonymous function) jquery.datatables.colreorder.min.js:53
c.event.handle jquery-1.4.3.min.js:63
h.handle.n


I do not have any idea about this error as I am new to jquery.
Any one Please help me......

paddubattu

var oleTable = $('#GridViewOrderLineEdit').dataTable({
"bPaginate": false,
"bLengthChange": false,
"bStateSave": true,
"fnStateSave": function (oSettings, oData) {
try {
localStorage.setItem('DataTables_SearchEditableItems_' + window.location.pathname, JSON.stringify(oData));
}
catch (err) {
// No handling
}
},
"fnStateLoad": function (oSettings) {
try {
return JSON.parse(localStorage.getItem('DataTables_SearchEditableItems_' + window.location.pathname));
}
catch (err) {
// No handling
}
},
"iCookieDuration": 60 * 60 * 24 * 362,
"bProcessing": true,
"aaSorting": [[3, "asc"], [4, "asc"]],
"sDom": 'RClfrtip<"clear">T',
"oColReorder": {"aiOrder": [ 4, 3, 2, 1, 0 ]},
"oColVis": {
"aiExclude": [0, 12, 37],
"bRestore": true,
"sRestore": "Restore to default",
"iOverlayFade": 0
},
"aoColumnDefs": [
{ "sSortDataType": "dom-text", "aTargets": [10, 12, 14, 15, 19, 20, 21, 22, 23, 24, 25, 26, 27, 30, 33] },
{ "sSortDataType": "dom-select", "aTargets": [6] },
{ "mData": "html", "aTargets": [3, 4, 16] },
{ "mData": "numeric", "aTargets": [12, 14] },
{ "mData": "date", "aTargets": [15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26] },
{ "mData": "string", "aTargets": [6] },
{ "bVisible": false, "aTargets": [5, 13, 14, 16, 17, 18, 19, 20, 21, 22, 23, 24, 29, 30, 31, 32, 33, 34] }
],
"fnDrawCallback": function () {
$("input[type=text].dateSearch").datepicker({
showOn: "both",
buttonImage: "/Images/Icons/Calendar.png",
buttonImageOnly: true,
showWeek: true,
firstDay: 1,
dateFormat: "yy-mm-dd",
beforeShow:
function (input, inst) {
var inputline = document.getElementById(input.Name);
}
});
}
});


This is my datatable which is getting error. I have many similar grids but they all are working fine with colrorder as this grid is the one which can be editable might be it is the problem do not know what is the issue. when wanting to drag a column, only changes place the header and not the body.

Please help...