Semantic-UI loader inside <table>
<p>I'm using ajax to update a table's contents, I would like to use the semantic-ui's built-in class "<a href="http://semantic-ui.com/elements/loader.html" rel="noreferrer">Loader</a>" to show some loading animation at the center of the table while getting the contents but that does not seem to work with <code>&lt;table&gt;</code> tag.</p>

<pre><code>&lt;div class="ui active loader"&gt;
  &lt;table class="ui unstackable striped table segment"&gt;
    &lt;tr&gt;&lt;td&gt;id&lt;/td&gt;&lt;td&gt;name&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;test test&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
&lt;/div&gt;
</code></pre>

<p>How do I get this to work?</p>