<h3 dir="auto">Description</h3>
<p dir="auto">The Table implementation does not support multiple <code class="notranslate">tbody</code> elements.  According to the HTML specification multiple <code class="notranslate">tbody</code> elements are allowed (along with a footer for each) and can be used for grouping rows of data.  This would allow more advanced features to be built using the material-ui Table Component and match the implementation of the React DOM and HTML specification.</p>
<h3 dir="auto">Images &amp; references</h3>
<p dir="auto"><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table</a><br>
<a href="https://www.w3.org/TR/xhtml1/dtds.html" rel="nofollow">https://www.w3.org/TR/xhtml1/dtds.html</a></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;!ELEMENT table
     (caption?, (col*|colgroup*), thead?, tfoot?, (tbody+|tr+))&gt;"><pre class="notranslate"><code class="notranslate">&lt;!ELEMENT table
     (caption?, (col*|colgroup*), thead?, tfoot?, (tbody+|tr+))&gt;
</code></pre></div>
<p dir="auto">According to w3c, it is valid to have multiple <code class="notranslate">&lt;tbody&gt;</code>tags within a <code class="notranslate">&lt;table&gt;</code>, but this is currently not supported with material-ui's Table component.</p>
<p dir="auto">I have a PR coming shortly to fix this.</p>