Issue with Individual Column Filter (inputs in header ) + sScrollX
Issue with Individual Column Filter (inputs in header ) + sScrollX
bobby_jackson
Posts: 3Questions: 0Answers: 0
I've this two features on my config., but the problem born when I use the input filters in the header, they seem to work, but something weird happen... when I begin to put some text in the individual input filters at the same time they appear in the general search filter :S (but not backwards). Also I print the data that were sent to the server, and no indivual filter are sent, only the genenral, however the only place where I really type was in a individual filter.
I tried this configs. and all worked well:
- Individual Column Filter in header without sScrollX
- Individual Column Filter in footer with or without sScrollX
this is how I call datatables (I put the keyup event first because I use colVis with some cols hidden at the begining):
[code]
jQuery(document).ready(function() {
var tableDT;
jQuery("thead tr:last input").keyup( function () {
tableDT.fnFilter( this.value, tableDT.oApi._fnVisibleToColumnIndex(
tableDT.fnSettings(), jQuery("thead tr:last input").index(this) ) );
} );
tableDT = jQuery('#example_table').dataTable3({
"sScrollX": "100%",
"bServerSide": true,
"bSortCellsTop": true,
'bJQueryUI': true,
"sAjaxSource": somepage.php
});
});
[/code]
and the html table that I use is like this:
[code]
Column 1
Column 2
Some text 1
Some text 2
[/code]
Any help will be nice :).
Thanks in advance.
I tried this configs. and all worked well:
- Individual Column Filter in header without sScrollX
- Individual Column Filter in footer with or without sScrollX
this is how I call datatables (I put the keyup event first because I use colVis with some cols hidden at the begining):
[code]
jQuery(document).ready(function() {
var tableDT;
jQuery("thead tr:last input").keyup( function () {
tableDT.fnFilter( this.value, tableDT.oApi._fnVisibleToColumnIndex(
tableDT.fnSettings(), jQuery("thead tr:last input").index(this) ) );
} );
tableDT = jQuery('#example_table').dataTable3({
"sScrollX": "100%",
"bServerSide": true,
"bSortCellsTop": true,
'bJQueryUI': true,
"sAjaxSource": somepage.php
});
});
[/code]
and the html table that I use is like this:
[code]
Column 1
Column 2
Some text 1
Some text 2
[/code]
Any help will be nice :).
Thanks in advance.
This discussion has been closed.
Replies
Allan