Using draw without JS files

ValhallaSkies · March 2021

Is it possible to use draw without using the datatables.min.js? I have my own custom JS for the datatables but draw doesn't seem to work using a range filter. I get "Uncaught TypeError: table.draw is not a function".

var table = $('#example').dataTable({
                    'pageLength': 25,
                    'columnDefs': [
                     {
                            "targets": [ 5 ],
                            "visible": false
                        },
                  ]
                });

                $('#slider-range').change( function() {
                    table.draw();
                });

Thank you.

kthorngren · March 2021

See this FAQ. You have

var table = $('#example').dataTable({

But you need to use DataTable with a capital D, like this:

var table = $('#example').DataTable({

Kevin

ValhallaSkies · March 2021

Thank you that worked. Now I need to figure out how to fix the filters in the head. Here is a before and after changing it to the Capital version.

Before

After

kthorngren · March 2021

You can always go back to using the old version var table = $('#example').dataTable({ then change your click event to get the API, for example:

                $('#slider-range').change( function() {
                    var table = $('#example').DataTable();
                    table.draw();
                });

Otherwise please provide a link to your page or a test case replicating the issue so we can help debug.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin

ValhallaSkies · March 2021

Amazing, Thank you. This will allow so much more for my building.

Using draw without JS files

Using draw without JS files

Answers

Howdy, Stranger!

Categories

DataTables

Using draw without JS files

Using draw without JS files

Answers

Howdy, Stranger!

Quick Links

Categories

DataTables