Исправить заголовок HTML таблицы сверху

Question

Я исправил столбцы HTML-таблицы, как указано в этой скрипке. Таким же образом я пытаюсь исправить только строку заголовка таблицы, как,

var $table = $('.table');
var $fixedColumn = $table.clone().insertBefore($table).addClass('fixed-column');

$fixedColumn.find('tbody').remove();

$fixedColumn.find('thead th').each(function (i, elem) {
    $(this).width($table.find('tbody tr:first td:eq(' + i + ')').width());
});

который дан в этой скрипке. Но заголовок не исправлен. Чего не хватает?

Answer 1

Как насчет этого??

DEMO

   <tr class="fixed">
       <th>#</th>
       <th>Table heading</th>
       <th>Table heading</th>
       <th>Table heading</th>
       <th>Table heading</th>
       <th>Table heading</th>
       <th>Table heading</th>
   </tr>

CSS

.fixed
{
    position:fixed;
    background:gray;

}

Вы также можете попробовать этот ПРИМЕР, если вам гораздо интереснее!!