jquery - table-header-group が chrome で機能しない

Question

このスタックオーバーフローの質問の回答で述べたように、次のコードはクロムでは機能しませんが、

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

クロムで同じことを修正するためにjqueryなどを使用する他のトリック/ハックはありますか?

私のサンプルテーブルはここにあります: http://jsfiddle.net/mpsbhat/b6cxmqyj/2/