Table-header-group doesn't work in chrome look

Even though the following code does not work in chrome, as said in the answer to this thread_stack question ,

<style type="text/css">
    @media print
    {
      thead { display:table-header-group }
      tbody { display:table-row-group }
      tfoot { display:table-footer-group }
    }
</style>

      

        
        
        
      

    

Are there any other tricks / hacks using jquery or so to fix the same in chrome?

My sample table is here: http://jsfiddle.net/mpsbhat/b6cxmqyj/2/