Filter placed after header not working

vikneshkumar

How to add specific column filter after header ... i have tried (sPlaceHolder: "head:after") but it replace my header and show only filter column....
Below is my script

oTable = $('#oTable').dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": 'Current/Ajax?ID=' + Id,
"bJQueryUI": true,
"bFilter": true,
"aoColumns": [null, null, null, null, null, null],
"sPaginationType": "full_numbers"
});

oTable.columnFilter({ sPlaceHolder: "head:after",
aoColumns: [{ type: "text" },
{ type: "text" },
{ type: "text" },
{ type: "text" },
{ type: "text" },
{ type: "text" }
]
});





Col1


col2


col3


col4


col5


col6







Let me know what are the mistakes i had...... Is there any client side filter with out calling my controller and pull the values.