title: Why Datatable properties are lost when a table is created?
body: <p>I have a problem I can not solve the .</p>
  
  <p>I have a screen where I have a textarea in which a code is pasted from Excel and when you click on the button " Generate table " an HTML table with the same structure type is generated. Until I get there all right, but now I am trying to create a table of Datatable now type but at the moment of creating properties as the " filter" or "the total records " are lost. In fact it does not scroll within the table , in a nutshell is not created with the properties .</p>
  
  <p>I leave my code segment and I hope you can help me .</p>
  
  <p>//HTML table code</p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
      &lt;table class="table table-striped table-bordered table-hover" id="tableMovimientos"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Column 1&lt;/th&gt;
                  &lt;th&gt;Column 2/&lt;/th&gt;
                  &lt;th&gt;Column 3/&lt;/th&gt;
                  &lt;th&gt;Column 4/&lt;/th&gt;
                  &lt;th&gt;Column 5/&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>//HTML div for table generate code</p>
  
  <pre><code>&lt;div class="modal-footer"&gt;
      &lt;p&gt;Paste you excel data:&lt;/p&gt;
      &lt;textarea name="excel_data" style="width:250px;height:150px;"&gt;&lt;/textarea&gt;
      &lt;br&gt;
      &lt;button id="btn-generateTable" type="button" class="btn btn-info"&gt; Generate table &lt;i class="fa fa-refresh"&gt;&lt;/i&gt;&lt;/button&gt;
      &lt;br&gt;
      &lt;div id="excel_table"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>//Jquery button "Generate table" Code</p>
  
  <pre><code>$("#btn-generateTabla").click(function() {
      var data = $('textarea[name=excel_data]').val();
      console.log(data);
      var rows = data.split("\n");
  
      var table = $('&lt;table /&gt;');
  
      var aux = "";
      for (var y in rows) {
          var cells = rows[y].split("\t");
          var row = $('&lt;tr /&gt;');
          aux += "'&lt;tr&gt;\n'";
          for (var x in cells) {
              row.append('&lt;td&gt;' + cells[x] + '&lt;/td&gt;');
              aux += '&lt;td&gt;' + cells[x] + '&lt;/td&gt; \n';
          }
          aux += "&lt;/tr&gt; \n"
              //alert(y + " " + rows)
      }
      table.append(row);
  
      //alert(aux)
  
      // Insert into DOM
      $('#tableMovimientos tbody').html(aux);
  });
  </code></pre>