title: How to dynamically add a row without "Requested unknown parameter" error
body: <p>I am new to DataTables and I am having problems in dynamically adding a new row to the datatable.</p>
  
  <p>Here is my initialization:</p>
  
  <pre><code>table = $("#college-list").DataTable({
      'ajax': {
         'url': 'admin/get_college',
         'type': 'GET'
      },
      'columns': [
         { 'data': 'college_abbrev', "bSortable": true  },
         { 'data': 'college_name' , "bSortable": true },
         {
           "mData": null,
           "bSortable": false,
           "mRender": function(data, type, college) {
              return '&lt;button type="button" class="btn btn-primary edit-college table-condensed"&gt;Edit&lt;/button&gt;'
                     +'&lt;button data-id="' + college.college_id  + '" type="button" class="delete-college btn btn-primary table-condensed" href=""&gt;Delete&lt;/button&gt;';
            }
         }
      ]
  });
  </code></pre>
  
  <p>Here is the sample code that I am using when adding a new row (<code>ca</code>, <code>cn</code>, and <code>college_id</code> are variables):</p>
  
  <pre><code>table.row.add( [
      {
         "college_abbrev": ca,
         "college_name": cn,
         "button":'&lt;button type="button" class="btn btn-primary edit-college table-condensed"&gt;Edit&lt;/button&gt;'
                  +'&lt;button data-id="' + college_id  + '" type="button" class="delete-college btn btn-primary table-condensed" href=""&gt;Delete&lt;/button&gt;'
      }
  ]).draw();
  </code></pre>
  
  <p>It creates a row but the columns are empty except for the buttons and it gives the following error:</p>
  
  <blockquote>
    <p>DataTables warning: table id=college-list - Requested unknown
    parameter 'college_abbrev' for row 17</p>
  </blockquote>
  
  <p>How do you properly add a new row?</p>