title: How to add multiple rows in datatables jquery
body: <p>I have used <a href="https://datatables.net/reference/api/rows.add%28%29" rel="noreferrer">https://datatables.net/reference/api/rows.add%28%29</a> link working but the data showing the table as <code>[object,object]</code>. How to show the object to string. i have used <code>JSON.stringify(obj)</code> its also not working. </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table id="exampleTable"&gt;
   &lt;thead&gt;
    &lt;tr&gt;
     &lt;th&gt;Year&lt;/th&gt;
     &lt;th&gt;Month&lt;/th&gt;
     &lt;th&gt;Savings&lt;/th&gt;
    &lt;/tr&gt;
   &lt;/thead&gt;
   &lt;tbody&gt;
     &lt;tr&gt;
      &lt;td&gt;2012&lt;/td&gt;
      &lt;td&gt;January&lt;/td&gt;
      &lt;td&gt;$100&lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr&gt;
      &lt;td&gt;2012&lt;/td&gt;
      &lt;td&gt;February&lt;/td&gt;
      &lt;td&gt;$80&lt;/td&gt;
     &lt;/tr&gt;
   &lt;/table&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('#addRows').click(); 
  
  var table3 = $('#exampleTable').DataTable(); 
  
  $('#addRows').on( 'click', function () { 
      table3.row.add(
         [ { "Year": "Tiger Nixon", "Month": "System Architect", "Savings": "$3,120" },
           {"Year": "Tiger Nixon", "Month": "System Architect", "Savings": "$3,120" }]
      ).draw(); 
  });
  </code></pre>