title: table-header-group not working in chrome
body: <p>Although the following code doesn't work in chrome as said in the answer of <a href="https://stackoverflow.com/questions/8984032/table-header-group-table-footer-group-properties-doesnt-work-in-chrome">this stackoverflow question</a>,    </p>
  
  <pre><code>&lt;style type="text/css"&gt;
      @media print
      {
        thead { display:table-header-group }
        tbody { display:table-row-group }
        tfoot { display:table-footer-group }
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>Is there any other tricks/hacks using jquery or so to fix the same in chrome?</p>
  
  <p>My sample table is here: <a href="http://jsfiddle.net/mpsbhat/b6cxmqyj/2/" rel="nofollow noreferrer">http://jsfiddle.net/mpsbhat/b6cxmqyj/2/</a></p>