How to put textbox (for searching individual columns) above the data tables columns?
How to put textbox (for searching individual columns) above the data tables columns?

The following code will place the "search box" for individual columns below the table (as shown in this picture - http://www.script-tutorials.com/demos/80/img6.png) and not on top of it. Any ways to put it on top of it?
Appreciate any help offer.
[code]
Date
Delay
Status
[/code]
The initialization code looks something like:
[code]
var oTable = $("#example").dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 10,
"bSortClasses": false,
//...etc etc
});
$("tfoot input").keyup(function(event) {
/* Filter on the column (the index) of this element */
if (event.keyCode == 13)//only on enter pressed
{
var colIndex = getColumnIndex(this.id);//this is a custom function I wrote. Ignore it
oTable.fnFilter(this.value, colIndex);
}
});
[/code]
Appreciate any help offer.
[code]
Date
Delay
Status
[/code]
The initialization code looks something like:
[code]
var oTable = $("#example").dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 10,
"bSortClasses": false,
//...etc etc
});
$("tfoot input").keyup(function(event) {
/* Filter on the column (the index) of this element */
if (event.keyCode == 13)//only on enter pressed
{
var colIndex = getColumnIndex(this.id);//this is a custom function I wrote. Ignore it
oTable.fnFilter(this.value, colIndex);
}
});
[/code]
This discussion has been closed.