jquery datatable add row undefined?

Question

In attempting to add a row to the jquery DataTable I am do the following:

//add new status row to the DataTable
$('#errorTable').dataTable().fnAddData( [
     id,
     msg,
     tm
]);

I used to use the code below table.row.add([...]) to add a row - and it did work for awhile however all of the sudden it is giving me the following error:

Unhandled exception at line 102, column 17 in http://127.0.0.1:45319/js/errors.js?v=3

0x800a138f - JavaScript runtime error: Unable to get property 'add' of undefined or null reference

var table = $('#errorTable').dataTable();
table.row.add([
    id,
    msg,
    tm
]).draw();

In fact doesn't the jQuery documentation use the table.row.add code in it's own example. My question is why doesn't it work and why does the fnAddData work? What am I missing or doing wrong?

Gyrocode.com · Accepted Answer · 2016-07-19 20:39:39Z

3

Use DataTable() to get access to newer API methods introduced in version 1.10+. For example:

var table = $('#errorTable').DataTable();
table.row.add([id, msg, tm]).draw();

You can continue using old API with dataTable(), for example:

$('#errorTable').dataTable().fnAddData([id,msg,tm]);

answered Jul 19, 2016 at 20:39

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

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

1 Comment

Neal Davis Over a year ago

Thank you Gyrocode - I didn't realize the difference between DataTable() and dataTable().

Collectives™ on Stack Overflow

jquery datatable add row undefined?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related