datatables 1.10 add.row() not working within ajax response

Question

Using a datatables 1.10 with dom created table. I am attempting to add a new row of data within an ajax response yet nothing happens. The same code by itself (no ajax) works perfectly fine. Yes, the response.success is returning 'true'.

// this works and adds the new row to the table

$('#test').on('click', function () {
    dt.row.add( [
        'td0',
        'td1',
        'td2',
        'td3'
    ] ).draw();
});

//same code does not work within an ajax response...

$('#dtCreate').on('click', function () {

    $.ajax({
        type: 'post',
        url: '/test/process/p_db_create.php'
    }).done(function (response) {

        //double check response
        console.log(response);

        if (response.success)
        {
            //add the row since this is not serverside
            dt.row.add( [
                'td0',
                'td1',
                'td2',
                'td3'
            ] ).draw();
                ...more code below...

have you ever found fix for this? I am running into the same issue. — Paresh Radadiya
– Paresh Radadiya, Commented Jan 19, 2016 at 11:09

Enziz · Accepted Answer · 2015-06-03 12:18:48Z

1

the td should be initiated by DataTable() not dataTable(). I ran into this problem and wasted my good few hours.

answered Jun 3, 2015 at 12:18

Enziz

241 bronze badge

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

Comments

Craig · Accepted Answer · 2014-06-10 18:48:43Z

0

After you call add().draw(); Reinitialize the table by calling -- dt.dataTable();

answered Jun 10, 2014 at 18:48

Craig

7723 gold badges14 silver badges26 bronze badges

Collectives™ on Stack Overflow

datatables 1.10 add.row() not working within ajax response

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related