jquery - 表头组在 chrome 中不起作用

Question

尽管下面的代码在 chrome 中不起作用，正如这个 stackoverflow 问题的答案中所说，

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

是否有任何其他使用 jquery 的技巧/黑客来修复 chrome 中的相同问题？

我的示例表在这里：http: //jsfiddle.net/mpsbhat/b6cxmqyj/2/