columnFilter() gives error

[GoogleCodeExporter]

I am trying to add column filter.

But it gives error on console (of browser):
Uncaught TypeError: Object [object Object] has no method 'columnFilter' 

I expect the column filters to be displayed at the bottom

This is my code:

<script type='text/javascript'> 

    $JQ_1(function() {
        $JQ_1('#TableId').dataTable( {      
            "bJQueryUI": true,
            "bLengthChange": true,
            "bFilter": true,
            "bInfo": true,
            "bPaginate": true,
            "bSort":true,
            "sPaginationType": "full_numbers",
            "aaSorting": [[ 0, "asc" ]],
            "aoColumns": [
                          {"bSortable": true}, 
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": true},
                          {"bSortable": false}
                         ]
        } ).columnFilter(
        {
            aoColumns: [ { type: "select" },
                     { type: "text" },
                       null,
                     { type: "text" },
                                 { type: "select" }
                ]

            });
    } );

    </script>   

What .js file do I need to include? 

I am currently including jquery.dataTables.yadcf.js file.

Please help!

Original issue reported on code.google.com by 2013.raj...@gmail.com on 26 Feb 2014 at 11:20

Attachments:

• jquery.dataTables.yadcf.js
• jquery.dataTables.yadcf.css

[GoogleCodeExporter]

error is because of { type: "select" } in aocolumns array passed in 
columnfilter.
Check this out. may help you. 
http://stackoverflow.com/questions/17544893/columnfilter-js-does-not-work-on-ser
ver-in-datatable?rq=1

Original comment by abhijeet...@gmail.com on 20 Jun 2014 at 4:28