title: How can I reinitialize an already loaded bootstrap table?
body: <p>I have a <code>table table-bordered table-hover table-stripped</code> table loaded with some data.
  I reload the rows with ajax and the table becomes ugly, losing all the properties of the table-bordered, table-hover and table-stripped bootstrap classes.
  How can I reload those properties? Does it come with the JS?</p>
  
  <p>Edit:
  Here's the code.</p>
  
  <p>Table:</p>
  
  <pre><code>&lt;table class="table table-bordered table-hover table-stripped" id="data_list"&gt;
      &lt;tr&gt;
          &lt;th&gt;Lot&lt;/th&gt;
          &lt;th&gt;size&lt;/th&gt;
      &lt;/tr&gt;
      &lt;?php foreach ($lots as $lot): ?&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;?php echo $lot['id']; ?&gt;&lt;/td&gt;
              &lt;td&gt;&lt;?php echo $lot['size']; ?&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;?php endforeach ?&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>...
  $.ajax({type: "POST",cache: false,url: '?', dataType: "html", data: submitdata,
      success: function(res) {
          $('#data_list').html(res);
      },
      error: function(xhr, ajaxOptions, thrownError) {
          bootbox.alert("There was an error, try again. "+thrownError);
      },
      async: true
  });
  </code></pre>
  
  <p>AJAX response:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;th&gt;Lot&lt;/th&gt;
      &lt;th&gt;Size&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;38706000524&lt;/td&gt;
      &lt;td&gt;30&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>