2011-09-02 2 views
1

이 html 테이블의 헤더를 고정시키고 싶습니다. 따라서 아래로 스크롤하면 헤더가 고정됩니다.정적 HTML 테이블 헤더 코드

내 표 머리글 HTML :

<table style="width: 425px; height: 4810px;" border="0"> 
<tbody> 
<tr class="tableizer-firstrow"> 
<th colspan="3"> 
<div style="text-align: left; text-color: #00A599;"><span style="color: #00a599;">SEPTEMBER 2011 Anniversaries</span></div> 
</th> 
</tr> 
<tr> 
<th class="style1" style="text-align: center" width="143">Employee</th><th style="text-align: center" width="137">Department</th><th style="text-align: center" width="92">DOH</th><th width="49">Years</th> 
</tr> 
<tr> 
+0

당신이 무엇을 요구하고 있는지 확실하지 않습니다. – Loktar

+0

당신은 무엇을하려고합니까? 우리에게 좀 더 자세한 정보를 주시면 도와 드릴 수 있습니다 :) –

+0

나는 현재 어떤 일을 저지를 것인가하는 테이블을 갖고 싶지만 thje 헤더를 고정시키고 정지시키고 싶습니다. – Tony77

답변

2

당신은 고정 된 헤더를 원하는 질문에서 추측?

솔루션에서 jQuery를 사용할 수 있다면 jQuery Scrollable Table Plugin을 살펴보십시오.

+0

죄송합니다. 정확하게 묻지 않았습니다. – Tony77

+0

Joomla를 사용하고 있습니다. 테이블은 기사, meabe CSS 또는 Javascript 내부에 있습니다 ..? – Tony77

0

머리글에서 테이블을 분리하고 머리글이있는 2 개의 테이블 1 개를 가질 수 있습니다. 그런 다음 내용 표에 대해 DIV에 넣고 CSS를 사용하여 스크롤 할 수있게 만들 수 있습니다. 머리글 분할이기 때문에 수동으로 TD 요소에 폭을 지정해야하지만

http://jsfiddle.net/cm3Wu/

.