title: React.js + bootstrap-table working only on first load, but transitions break the table
body: <p>Using <a href="http://bootstrap-table.wenzhixin.net.cn" rel="nofollow">http://bootstrap-table.wenzhixin.net.cn</a></p>
  
  <p>Here's my component containing the table code:</p>
  
  <pre><code>var Component = React.createClass({
    render: function() {
      return (
        &lt;div className="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main"&gt;
              &lt;div className="row"&gt;
                  &lt;ol className="breadcrumb"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;&lt;span className="glyphicon glyphicon-home"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li className="active"&gt;Users&lt;/li&gt;
                  &lt;/ol&gt;
              &lt;/div&gt;&lt;!--/.row--&gt;
  
              &lt;div className="row"&gt;
                  &lt;div className="col-lg-12"&gt;
                      &lt;h1 className="page-header"&gt;Tables&lt;/h1&gt;
                  &lt;/div&gt;
              &lt;/div&gt;&lt;!--/.row--&gt;
  
  
              &lt;div className="row"&gt;
                  &lt;div className="col-lg-12"&gt;
                      &lt;div className="panel panel-default"&gt;
                          &lt;div className="panel-heading"&gt;User List&lt;/div&gt;
                          &lt;div className="panel-body"&gt;
                              &lt;table ref='table' data-toggle="table" data-url='http://localhost:3000/admin/users'  data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-select-item-name="toolbar1" data-pagination="true" data-sort-name="name" data-sort-order="desc"&gt;
                                  &lt;thead&gt;
                                      &lt;tr&gt;
                            &lt;th data-field="firstName"&gt;First Name&lt;/th&gt;
                            &lt;th data-field="lastName"&gt;Last Name&lt;/th&gt;
                            &lt;th data-field="level"&gt;Level&lt;/th&gt;
                            &lt;th data-field="verified"&gt;Verified&lt;/th&gt;
                                      &lt;/tr&gt;
                                  &lt;/thead&gt;
                              &lt;/table&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;&lt;!--/.row--&gt;
  
          &lt;/div&gt;&lt;!--/.main--&gt;
      );
    }
  });
  </code></pre>
  
  <p>It works fine if I directly load a page containing this table. However, if I use react-router to transition to this page from a different page, the table does not load. It looks as if the  that loads bootstrap-table.js got unloaded.</p>