CSS, Header-Absolute, прокрутка вниз

Question

Мне нужно, чтобы (заголовки таблиц) были сверху, а затем я прокручиваю список , чтобы заголовки оставались на месте (вверху страницы) не слева. Я попытался отредактировать CSS, но, возможно, его ошибку HTML? HTML

<div class="outer"> 
    <div class="inner"> 
    <table> 
     <tr> 
      <th>Header A</th> 
      <td>col 1 - A</td> 
      <td>col 2 - A (WITH LONGER CONTENT)</td> 
      <td>col 3 - A</td> 
      <td>col 4 - A</td> 
      <td>col 5 - A</td> 
     </tr> 
     <tr> 
      <th>Header B</th> 
      <td>col 1 - B</td> 
      <td>col 2 - B</td> 
      <td>col 3 - B</td> 
      <td>col 4 - B</td> 
      <td>col 5 - B</td> 
     </tr> 
     <tr> 
      <th>Header C</th> 
      <td>col 1 - C</td> 
      <td>col 2 - C</td> 
      <td>col 3 - C</td> 
      <td>col 4 - C</td> 
      <td>col 5 - C</td> 
     </tr> 
    </table> 
    </div> 
</div> 

CSS:

table { 
    table-layout: fixed; 
    width: 100%; 
    *margin-left: -100px;/*ie7*/ 
} 
td, th { 
    vertical-align: top; 
    border-top: 1px solid #ccc; 
    padding:10px; 
    width:100px; 
} 
th { 
    position:absolute; 
    *position: relative; /*ie7*/ 
    left:0; 
    width:100px; 
} 
.outer {position:relative} 
.inner { 
    overflow-x:scroll; 
    overflow-y:visible; 
    width:400px; 
    margin-left:100px; 
} 

Answer 1

попробовать этот http://jsfiddle.net/5PFak/71/

change some layout of your table. 

Answer 2

Похоже, это скорее вопрос CSS, хотя я не уверен, что вы написали HTML в надлежащим образом.

This thread должен помочь вам решить вашу проблему.

Скажите, если это не так, но я уверен, что вы найдете ответ, пытаясь «фиксировать таблицу заголовков» в google в любом случае.