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

Question

Я исправил столбцы таблицы html, как указано в this fiddle. Точно так же я пытаюсь исправить только строку заголовка таблицы, как,

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()); 
}); 

, который дается в this fiddle. Но заголовок не был исправлен. Чего не хватает?

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; 

} 

Вы можете попробовать это EXAMPLE тоже, если вы гораздо больше заинтересованы !!