замораживания заголовка в виде таблицы в HTML

Question

Вот, у меня есть одна таблица, я хочу, чтобы исправить этот заголовок при прокрутке

JS

<script> 
$('#scroll').scroll(function(){ 
if ($('#scroll').scrollTop() > 10){ 
    $("thead").css({ 
      position: 'fixed', 
      top: '68px' 
     }); 
}else{ 
    $('thead').css({ 
     position: 'static' 
    }); 
} 
}); 
</script> 

Это прекрасно работает, но дизайн меняется.

LIVE DEMO

может кто-нибудь помочь мне.

Заранее спасибо.

EDIT

Fiddle

Answer 1

Вы можете использовать datatables plugin с различными типами таблиц (fixed header table, example)

Answer 2

<script> 
$('#scroll').scroll(function(){ 
if ($('#scroll').scrollTop() > 10){ 
    $("thead").css({ 
      position: 'static', 
      top: '68px' 
     }); 
}else{ 
    $('thead').css({ 
     position: 'static' 
    }); 
} 
}); 
</script> 

Используйте это, вы меняете положение заголовка фиксированным при прокрутке, что вызвав вопрос

Answer 3

Position: fixed будет игнорировать всю другую разметку на странице и расположить элемент относительно окна браузера. Независимо от разметки, я думаю, вы захотите использовать position: absolute и примените position: relative к элементу, содержащему таблицу.

пример: http://jsfiddle.net/QxW6v/1/

Answer 4

Я получил решение для фиксированного заголовка, я использовал http://fixedheadertable.com/.

Спасибо за вашу поддержку