Col resize not working

harikrishnan

Hi,
I have include library for col reorder with resize page.Column reorder functionality is working,but resize functionality not works perfectly only the header part is moving.Other than header part my table has footer part also for individual column functionality.
I Can drag columns but body and footer part is not moving.Am using ajax source for loading data
and my datable properties is given below:






var oTable = $('#mytable').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"oLanguage": { "sSearch": "Search all columns:" },
"sDom": 'RC<"clear">lfrtip',
"sScrollY": "320px",
"bScrollCollapse": true,
"bScrollAutoCss": false,
"bAutoWidth": false,
"bLengthChange": false,
"oColVis": {
"aiExclude": [0, 1, 5],
"buttonText": "Show / Hide Columns",
"bRestore": true,
"sAlign": "right"
},
"sAjaxSource": '<%=Url.Action("GetSurveyPlanningData", "SurveyPlanning")%>',
'fnServerData': function (sSource, aoData, fnCallback) {
$.ajax({
'dataType': 'json',
'contentType': 'application/json;',
'type': 'POST',
'url': sSource,
'data': "{param: '" + param + "',ids: '" + ids + "'}",
'success': fnCallback
});
},

"sAjaxDataProp": "sspData",

"aoColumns": [
{ "mDataProp": "HtmlData" },
{ "mDataProp": "Code" },
{ "mDataProp": "Stage" },
{ "mDataProp": "FirstName" },
{ "mDataProp": "LastName" },
{ "mDataProp": "Organization" },
{ "mDataProp": "City" },
{ "mDataProp": "Province" },
{ "mDataProp": "Country" },
{ "mDataProp": "Language" },
{ "mDataProp": "Road", "bVisible": false },
{ "mDataProp": "Title", "bVisible": false }
],
"aoColumnDefs": [{ "bSortable": false, "aTargets": [3]}],
"fnDrawCallback": function (o) {
var nColVis = $('div.ColVis', o.nTableWrapper)[0];
nColVis.style.width = "150px";
nColVis.style.marginRight = "340px";
nColVis.style.marginTop = "0px";
nColVis.style.height = "20px";
},
"fnInitComplete": function (oSettings, json) {
InitComplete = true;
}
});


Please give me a solution.


});