title: Nesting tables not working
body: <p>I'm trying to "nest" (not sure if that's the right word) some tables. I don't want a table in each cell, rather the ability to organize the table with appropriate headings. I'm told by my engineers that I can't simply style a table to "look" nested, rather it would be better if each header wrapped the children rows and cells. </p>
  
  <p>Here's a screen shot of what it should look like:</p>
  
  <p><img src="https://i.stack.imgur.com/ej3WU.png" alt="enter image description here"></p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;section class="container"&gt;
      &lt;table class="zebra"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Code&lt;/th&gt;
                  &lt;th&gt;Procedure&lt;/th&gt;
                  &lt;th&gt;Units&lt;/th&gt;
                  &lt;th&gt;Charge&lt;/th&gt;
                  &lt;th&gt;Avg. Charge&lt;/th&gt;
                  &lt;th&gt;As %&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody class="level1"&gt;
              &lt;tr&gt;
                  &lt;td colspan="6"&gt;
                      &lt;i class="doctor"&gt;&lt;/i&gt;John Dorian
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tbody class="level2"&gt;
                  &lt;tr&gt;
                      &lt;td colspan="6"&gt;
                          &lt;i class="address"&gt;&lt;/i&gt;Southern Hills Hospital
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tbody class="level3"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/tbody&gt;
          &lt;/tbody&gt;
          &lt;tbody class="level1"&gt;
              &lt;tr&gt;
                  &lt;td colspan="6"&gt;
                      &lt;i class="doctor"&gt;&lt;/i&gt;John Dorian
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tbody class="level2"&gt;
                  &lt;tr&gt;
                      &lt;td colspan="6"&gt;
                          &lt;i class="address"&gt;&lt;/i&gt;Southern Hills Hospital
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tbody class="level3"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/tbody&gt;
              &lt;tbody class="level2"&gt;
                  &lt;tr&gt;
                      &lt;td colspan="6"&gt;
                          &lt;i class="address"&gt;&lt;/i&gt;Southern Hills Hospital
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tbody class="level3"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/tbody&gt;
              &lt;tbody class="level2"&gt;
                  &lt;tr&gt;
                      &lt;td colspan="6"&gt;
                          &lt;i class="address"&gt;&lt;/i&gt;Southern Hills Hospital
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tbody class="level3"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;99234&lt;/td&gt;
                          &lt;td&gt;Chest XRay&lt;/td&gt;
                          &lt;td&gt;1&lt;/td&gt;
                          &lt;td&gt;20.00&lt;/td&gt;
                          &lt;td&gt;40.00&lt;/td&gt;
                          &lt;td&gt;10.00&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/tbody&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>So you can see I'm nesting <code>tbody</code> within other <code>tbody</code>s. This renders in Chrome fine. In fact it's how I want it to look.</p>
  
  <p>BUT</p>
  
  <p>When I inspect element, I see that Chrome (and Safari and Firefox) basically say "nuh uh" and break the nested <code>tbody</code>s out. See here: </p>
  
  <p>Any ideas how to accomplish what I'm trying to get here?</p>
  
  <p><img src="https://i.stack.imgur.com/9u5GH.png" alt="enter image description here"></p>