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

Mr_Anderson

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]