title: Table header inside another table header in bootstrap
body: <p><img src="https://i.stack.imgur.com/8fK6k.png" alt="enter image description here"></p>
  
  <p>I am trying to insert table header inside another table header. Above is how it looks like. I want the Update and Delete tab to get rowspan applied. I  almost got it how I wanted, but before Update col the table border is not properly closed. Please correct me there.</p>
  
  <pre><code>&lt;table class="datatable table-striped table-bordered"&gt; 
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th rowspan="2"&gt;ID&lt;/th&gt;
                  &lt;th rowspan="2"&gt;Name of the Liquidated Society&lt;/th&gt;
                  &lt;th rowspan="2"&gt;Jurisdiction of the Society&lt;/th&gt;
                  &lt;th rowspan="2"&gt;Liquidation Order No &amp; Date&lt;/th&gt;
                  &lt;th rowspan="2"&gt;Name &amp; Designation of Liquidator&lt;/th&gt;
                  &lt;th colspan="6" class="text-center"&gt;In the Liquidated Society&lt;/th&gt;
                  &lt;th rowspan="2"&gt;Update&lt;/th&gt;
                  &lt;th rowspan="2"&gt;Delete&lt;/th&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                  &lt;th&gt;Govt Share&lt;/th&gt;
                  &lt;th&gt;Govt Loan&lt;/th&gt;
                  &lt;th&gt;Assets to be recovered&lt;/th&gt;
                  &lt;th&gt;Liability to be discharged &lt;/th&gt;
                  &lt;th&gt;Cancellation Order Number and Date &lt;/th&gt;
                  &lt;th&gt; Surplus amount remitted to CDF&lt;/th&gt;
                  &lt;/tr&gt;
  
  
          &lt;/thead&gt;
  
      &lt;/table&gt;
  </code></pre>
  
  <p>I want heading starting from <code>govt share</code> to <code>Surplus amount remitted to CDF</code> under the heading <code>In the Liquidated Society.</code></p>