title: Datatables free alternative editor
body: <p>I setup Datatable like this: <a href="http://jsfiddle.net/rmcmaster/bbLjzspf/22/" rel="nofollow noreferrer">http://jsfiddle.net/rmcmaster/bbLjzspf/22/</a>.
  Then i add row and works perfect.</p>
  
  <p>After this i load and reinit datatable with new columns and rows data and when i will add new row get i this error alert: </p>
  
  <p><code>DataTables warning: table id=myTable - Requested unkwnown parameter '2' for row 1, column 2.</code></p>
  
  <p>This is my example:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;button type="button" id="saveTableBtn" style="display: none;"&gt;Save&lt;/button&gt;
      &lt;button type="button" id="loadTableBtn" style="display: inline-block"&gt;Load&lt;/button&gt;
      &lt;button type="button" id="loadTableBtn2" style="display: inline-block"&gt;Load 2&lt;/button&gt;
      &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
      &lt;div id="tableWrapper"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
      &lt;script&gt;
  $(document).ready(function() {
      var myTable = null;
      var initTable = function(columns, data) {
          var tableId = "myTable";
          var dataSet = data;
          var columnDefs = columns;
  
          $("#tableWrapper table").remove();
          $("#tableWrapper").html('&lt;table cellpadding="0" cellspacing="0" border="0" class="dataTable table table-striped" id="' + tableId + '"&gt;&lt;thead&gt;&lt;tr&gt;' + columns + '&lt;/tr&gt;&lt;/thead&gt;&lt;/table&gt;');
  
          myTable = $('#' + tableId).DataTable({
              "sPaginationType": "full_numbers",
              ajax: data,
              dom: 'Bfrtip',        // Needs button container
              select: 'single',
              responsive: true,
              altEditor: true,     // Enable altEditor
              destroy: true,
              buttons: [
                  {
                      text: 'Add',
                      name: 'add'        // do not change name
                  },
                  {
                      extend: 'selected', // Bind to Selected row
                      text: 'Edit',
                      name: 'edit'        // do not change name
                  },
                  {
                      extend: 'selected', // Bind to Selected row
                      text: 'Delete',
                      name: 'delete'      // do not change name
                  }
              ]
  
          });
  
          $("#saveTableBtn").css("display", "inline-block");
  
          $('#saveTableBtn').off().click(function() {
              console.log(myTable.rows().data());
          });
      }
  
      $("#loadTableBtn").click(function() {
          var dataSet = "data.json";
          var columnDefs = "&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Position&lt;/th&gt;&lt;th&gt;Office&lt;/th&gt;&lt;th&gt;Extn.&lt;/th&gt;&lt;th&gt;Start date&lt;/th&gt;&lt;th&gt;Salary&lt;/th&gt;";
  
          initTable(columnDefs, dataSet);
      });
  
      $("#loadTableBtn2").click(function() {
          var dataSet = "data2.json";
          var columnDefs = "&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Position&lt;/th&gt;";
  
          initTable(columnDefs, dataSet);
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any solution for this?</p>