JQuery DataTables Plugin API - method not associated with table variable

Question

When using jquery.DataTables I run into the following problem consistently when trying to redraw the table from an AJAX source, but it also occurs with any of the API methods I attempt to use.

I am using version 1.10.

Example

var table = $('#table').dataTable( {
    initComplete: function(settings, json) {
        ....
    },
    ajax:  'url',
    serverSide: true,
    order: [[2, 'desc']],
    stateSave: true,
    language: {
        "lengthMenu": "Display _MENU_ records per page",
        "zeroRecords": "Nothing Found",
        "infoEmpty": "Nothing Found",
        "infoFiltered": "(filtered from _MAX_ total records)"
    },
    lengthMenu: [[10, 25, 50, -1], [10, 25, 50, "All"]],
    pageLength: 10,
    lengthChange: true,
    ordering: true,
    paging: true,
    processing: false,
    searching: true
});

setInterval(function(){
    table
        .dataTable()
        .order( [[ 2, 'asc' ]] )
        .draw( false );
}, 30000);

Error

Uncaught TypeError: Object [object Object] has no method 'order'

This is a copy of the example posted in the DT site, which the exception of the DT in the example passing additional parameters upon initialization.

I know the error is due to the table object not having the methods from .dataTable(), but other then that I am not sure how to get it working so that it does the draw(false), or any other API method.

The part that gets me is that a,

table.fnDraw();

Works perfectly fine....

Thank you for the help in advance.

Michel Alonso · Accepted Answer · 2014-06-22 04:08:48Z

1

Change this:

setInterval(function(){
    table
        .dataTable()
        .order( [[ 2, 'asc' ]] )
        .draw( false );
    }, 30000);

to:

setInterval(function(){
    table
        .api()
        .order( [[ 2, 'asc' ]] )
        .draw( false );
}, 30000);

answered Jun 22, 2014 at 4:08

Michel Alonso

91611 silver badges16 bronze badges

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

1 Comment

MattSizzle Over a year ago

this worked, thank you. I am requesting an update to the docs from Alan to include this.

BenMorel · Accepted Answer · 2014-09-07 15:19:31Z

0

Try SetInterval Inside Init Complete Function, So It Won't Fire Until The Data Table Is Ready.

edited Sep 7, 2014 at 15:19

BenMorel

37k52 gold badges208 silver badges339 bronze badges

answered Jun 22, 2014 at 4:08

Maulik Anand

1,4593 gold badges15 silver badges19 bronze badges

Collectives™ on Stack Overflow

JQuery DataTables Plugin API - method not associated with table variable

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related