Best method for changing columns headers into dropdown and calendar fields

nabab

Hi,

I'd like to add filters with select dropdown AND calendar field to my table's column headers.
I'm about to do it with fnInitComplete, and I wonder if it is the best way. Any advice?

My actual config:
"bJQueryUI": true,
"bServerSide": true,
"sAjaxSource": "index.php",
"iDisplayLength": 100,
"bScrollCollapse": true,
"sScrollY":"1px",
"bLengthChange": false,
"bDeferRender": true,
"bFilter": true,
"bStateSave": true,
"sPaginationType": "full_numbers",
"fnDrawCallback": function(){
var maxH = parseInt($("#mainContainer").innerHeight() - 120);
var tabH = $("#mainTable").height();
var finalH = tabH < maxH ? tabH : maxH;
$("#mainContainer div.dataTables_scrollBody").height(finalH);
}


Many thanks!