Refresh Multiple DataTables using new API

Question

After taking time to read the new DataTable 1.10.2 API, I think I am getting better now. So far I have reduced my over 200 line code to just less than 100 and doing the same thing much better. Now I am stuck with the datatables not refreshing when a data changes. The code below refreshes only the .getJSON function but the datas not refreshed on the 2 tables in browser:

        $(document).ready(function (){
            var alertTable = $('#alert-table').DataTable({
                "columns": [
                    { "data": "host" },
                    { "data": "description" },
                    { "data": "value", "visible": false }
                ],
            });

            var errorTable = $('#error-table').DataTable({
                "columns": [
                    { "data": "host" },
                    { "data": "description" }
                ],

            });


            setInterval (function(){
                $.getJSON("data/json_data.txt", function (pcheckdata){

                    alertTable.clear();
                    alertTable.rows.add(pcheckdata.alerts).draw();
                    alertTable.columns.adjust().draw();

                    errorTable.clear();
                    errorTable.rows.add(pcheckdata.errors).draw();
                    errorTable.columns.adjust().draw();
                });
            }, 1000);
        });

This is what I see when i inspect firefox console:

GET data/json_data.txt 200 OK 10ms

your could tryout oTable.fnDraw(); after doing all your operations. — D.T.
– D.T., Commented Sep 4, 2014 at 11:03

Chelseawillrecover · Accepted Answer · 2014-09-04 11:05:44Z

1

silly me, I just noticed my mistake, forgot to add .draw() after .clear()

                alertTable.clear().draw();
                alertTable.rows.add(pcheckdata.alerts).draw();
                alertTable.columns.adjust().draw();

                errorTable.clear().draw();
                errorTable.rows.add(pcheckdata.errors).draw();
                errorTable.columns.adjust().draw();

answered Sep 4, 2014 at 11:05

Chelseawillrecover

2,6541 gold badge35 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Refresh Multiple DataTables using new API

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related