How to add/append JavaScript sourced data into an existing DataTables Table?

Question

I am working on this demo. How can I add JavaScript sourced data into an existing table?

I have seen this example on Datatables website but this looks like only one time process and in my case I need to truncate and load the dataset[] after each query add eventually add the result in the table as a new row.

$(document).ready(function () {
  var dataSet = ["Tiger", "Wood ", "Architect", "F15", "36", "Feb, 15"];
  $('#example').DataTable({
    dom: 'Bfrtip',
    buttons: [
    'copy', 'excel', 'pdf', 'csv']
  });
  $("#addData").on("click", function(){
  });
});

Yeldar Kurmangaliyev · Accepted Answer · 2015-10-29 04:42:15Z

2

You can use DataTables API to add rows.
You need to pass an array of values (columns):

var dt;

$(document).ready(function () {
    var dataSet = ["Tiger", "Wood ", "Architect", "F15", "36", "Feb, 15"];
    dt = $('#example').DataTable({
        dom: 'Bfrtip',
        buttons: [
            'copy', 'excel', 'pdf', 'csv']
    });

    $("#addData").on("click", function(){
        dt.row.add(["Whatever else"]).draw(false); 
    });
});

You can refer to this DataTables official example.

answered Oct 29, 2015 at 4:42

Yeldar Kurmangaliyev

34.3k13 gold badges64 silver badges104 bronze badges

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

Collectives™ on Stack Overflow

How to add/append JavaScript sourced data into an existing DataTables Table?

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