Scrolling Search & Download button

chandrakant2511

Hello All,

I have data-tables which has 100 columns. I placed "Excel" export button and "Search" textbox at right-top corner, and I also placed scroll on top/bottom of data tables using (https://github.com/sniku/jQuery-doubleScroll).

Now, I would like to change "Search" textbox position every time horizontally when I scroll data-tables.

Here, is my data-table java script code

$('#example').dataTable({
"sPaginationType": "full_numbers",
"dom": 'T<"clear">lfrtip',
"ScrollX": "100%",
"iDisplayLength": 1000,
"aLengthMenu": [[100,500,1000,1500,2000,-1], [100,500,1000,1500,2000, "All"]],
tableTools: {
"sSwfPath": "./js/datatables/tools/swf/copy_csv_xls_pdf.swf",
"aButtons": [
{
'sExtends': 'xls',
'sButtonText': 'Full Download',
"oSelectorOpts": { filter: 'applied', order: 'current' },
"sFileName": "CallDetails.xls",
}
]
},
"aoColumnDefs": [
{
'bSortable': false,
'aTargets': [numCols]
} //disables sorting for column one
],

            });

Any help is appreciate.

Thanks in advance.