I am getting this $(...).dataTable(...).columnFilter is not a function

Asked Jul 05 '15 at 18:08

Active Jul 05 '15 at 18:08

Viewed 383 times

I want to start with I looked at this question and I am using the correct constructor.

I get this error when I am running my code:

$(...).dataTable(...).columnFilter is not a function

html:

<table class="table table-striped" id="activeProjects">
    <thead>
        <tr>
            <th>Project Name</th>
            <th>Project Number</th>
            <th>Manager</th>
            <th>Architect</th>
        </tr>
    </thead>
    <tbody>

    </tbody>
    <tfoot>
        <tr>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
        </tr>
    </tfoot>
</table>

<script>
    $(document).ready(function () {

        var table =  $('#activeProjects').dataTable({
            "processing": true,
            "serverSide": true,
            "ajax": {
                "url": "../api/Project/GetAll/",
                "dataSrc": ""
            },

            "columns": [
                { "data": "ProjectName" },
                { "data": "ProjectNumber" },
                { "data": "ProjectManager" },
                { "data": "ProjectArchitect" }
            ]
        }).columnFilter({
            aoColumns: [ { type: "text" },
                         { type: "text" },
                         { type: "text" },
                         { type: "text" }
            ]

        });
    });
</script>

edited May 23 '17 at 11:59

Community

asked Jul 05 '15 at 18:08

Robert

4,306
11
45
95

Getting no problem here: http://jsfiddle.net/yhghcwc9/ (I had to remove your ajax stuff though) – jcuenod Jul 05 '15 at 19:27
@jcuenod So why would I be getting it? – Robert Jul 05 '15 at 19:43
Sure that this is the code that's running? – jcuenod Jul 05 '15 at 20:21
@jcuenod Yep, I am on that page and it is being loaded – Robert Jul 05 '15 at 20:25
Is the fiddle working? – jcuenod Jul 05 '15 at 21:11
Yes, but I don't see any difference in the fiddle and my code – Robert Jul 05 '15 at 21:22
Check the external resources in fiddle. The file: jquery.dataTables.columnFilter.js should be added as well – hdmartinez Dec 22 '15 at 17:22

I am getting this $(...).dataTable(...).columnFilter is not a function

0 Answers0