Horizontal Scrolling with Filters work around?

alexramo

Hello Everyone,
I have found many past questions, but not really any solutions or work arounds. Has anyone yet figured out how to utilize both horizontal scrolling and column filtering?

Thank you in advance,
Alex

bbarani

This is what I have done to implement the individual column filtering with horizontal scrolling...

I have set the sscrollx to 100% (you can set it to whatever value as you want)...
"sScrollX": "100%",

Since I am using tabs and each tabs has a separate datatable, I appended the column filter (input) and assigned it a unique id.

var columnFilter=(''+
''+
''+
''+
'');

$('#filter_'+elementId).append(columnFilter);


Then I used the fnFilter method to filter the data,

$('#col1_' + elementId).keyup(function () {
oTable.fnFilter($('#col1_' + elementId).val(), 0, false, false, false, true);
});

alexramo

Thank you bbarani for your help, will give it a try.

allan

Sounds like a fair approach.

@Alax - are you able to link us to a test case showing it not working? I've just put this example together, based on my column filtering example and it works okay: http://live.datatables.net/ezuhed/edit#javascript,html . The one thing to watch is that since I've only got a single table on the table, I've got fairly 'loose' selectors - you may need to tighten them up for your use case.

Regards,
Allan