Individual Column Filtering: no input elements displaying

jcleve

Anyone know why the input elements for individual column filtering do not appear when I add the code from http://www.datatables.net/examples/api/multi_filter.html. My grid still renders...just without the textboxes for each column.

[code]
var oTable;
var asInitVals = new Array();

$(document).ready(function() {

oTable = $('#grid').dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": 'http://localhost/ELIv2MVC/Users/PageFilterSort',
"aoColumns": [
/*ID*/{"bSearchable": false, "bVisible": false },
/*UserName*/null,
/*Firstname*/null,
/*LastName*/null,
/*UserRole*/null,
/*Active*/null
],
"sPaginationType": "full_numbers",
"oLanguage": {
"sSearch": "Search all columns:"
}

});

$("tfoot input").keyup(function() {
/* Filter on the column (the index) of this element */
oTable.fnFilter(this.value, $("tfoot input").index(this));
});

/*
* Support functions to provide a little bit of 'user friendlyness' to the textboxes in
* the footer
*/
$("tfoot input").each(function(i) {
asInitVals[i] = this.value;
});

$("tfoot input").focus(function() {
if (this.className == "search_init") {
this.className = "";
this.value = "";
}
});

$("tfoot input").blur(function(i) {
if (this.value == "") {
this.className = "search_init";
this.value = asInitVals[$("tfoot input").index(this)];
}
});
});
[/code]