title: How can I detect when bootstrap-table plugin has finished rendering?
body: <p>I have a fairly large table that is using this bootstrap-table plugin: <a href="http://bootstrap-table.wenzhixin.net.cn/documentation" rel="nofollow noreferrer">http://bootstrap-table.wenzhixin.net.cn/documentation</a>. When I first load the page, the table takes a second to load the plugin's functionality, so the table appears without styling and checkboxes for that time.</p>
  
  <pre><code>&lt;table class="my-table" data-toggle="table"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th data-checkbox="true"&gt;&lt;/th&gt;
        &lt;th&gt;One&lt;/th&gt;
        &lt;th&gt;Two&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;!-- About 1000 rows --&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Is there a way to detect when the plugin has finished rendering the table? I have tried using the <code>load-success.bs.table</code> and <code>post-body.bs.table</code> events, but they don't seen to even run on first load.</p>
  
  <p>See jsfiddle: <a href="https://jsfiddle.net/xpvt214o/95804/" rel="nofollow noreferrer">https://jsfiddle.net/xpvt214o/95804/</a>
  Each time you click Run, the table will appear without any styling and checkboxes for a split second.</p>