title: bootstrap-table header and body alignments are mismatching
body: <p></p>
  
  <pre><code>&lt;thead&gt;
  
  &lt;tr&gt;
  
  &lt;th rowspan="2" data-field="id"&gt;SL&lt;/th&gt;
  
  &lt;th rowspan="2" data-field="name"&gt;Region&lt;/th&gt;
  
  &lt;th rowspan="2" data-field="price"&gt;PG Type&lt;/th&gt;
  
  &lt;th rowspan="2" data-field="Fullname"&gt;Status&lt;/th&gt;
  
  &lt;th colspan="2"&gt;CPO Patients&lt;/th&gt;
  
  &lt;th colspan="5"&gt;Billing and Contract&lt;/th&gt;
  
  &lt;/tr&gt;
  
  &lt;tr&gt;
  
  &lt;th data-field="Email"&gt;Met&lt;/th&gt;
  
  &lt;th data-field="Id"&gt;Possible&lt;/th&gt;
  
  &lt;th data-field="Name"&gt;Billable&lt;/th&gt;
  
  &lt;th data-field="Surname"&gt;Last Paid&lt;/th&gt;
  
  &lt;th data-field="Fullname"&gt;Contract Info.&lt;/th&gt;
  
  &lt;th data-field="Email"&gt;Payment Info.&lt;/th&gt;
  
  &lt;th data-field="Iame"&gt;In Person Visit&lt;/th&gt;
  
  &lt;/tr&gt;
  
  &lt;/thead&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>With this code i am getting the body aligned mismatch and when i have few columns then it is working fine. I am using bootstrap 3 version.
  With this code i am getting the body aligned mismatch and when i have few columns then it is working fine. I am using bootstrap 3 version.</p>