Fixed table header

jquery.fixedheader.js

(function($) {
  $.fn.fixedHeader = function() {
    this.each(function() {
      var $table = $(this);
      var $dummy = $('<table><tr></tr></table>');
      var $th = $table.find('thead:first tr:first th').clone();
      var $td = $table.find('tbody:first tr:first td');

      var place = function() {
        $dummy.css({
          top: $table.offset().top,
          left: $table.offset().left,
          width: $table.width()
        });
        $th.each(function(n, e) {
          $(e).width($td.eq(n).width());
        });
      };

      $dummy
        .attr('class', $table.attr('class'))
        .removeClass('table-with-fixed-header')
        .addClass('table-fixed-header')
        .find('tr')
        .append($th)
        ;

      $('body').append($dummy);
      $(window).resize(function() { place(); }).resize();
    });
  };
})(jQuery);