テーブルの行とヘッダーが正しく配置されていませんか？

Question

テーブルのヘッダーとテーブルボディに垂直スクロールバーを追加して結果を表示していますが、私がここで直面している問題は、テーブルヘッダー行と行の行が整列していないことです...

GSPコード：

$ {カラム}

$ {行[列]}

そして、私のCSSコード：

table.scroll { 
    /* width: 100%; */ /* Optional */ 
    /* border-collapse: collapse; */ 
    border-spacing: 0; 
    border: 2px solid black; 
} 

table.scroll tbody, 
table.scroll thead { display: block; } 

thead tr th { 
    height: 30px; 
    width:15px; 
    line-height: 30px; 
    /* text-align: left; */ 
} 

table.scroll tbody { 
    height: 400px; 
    overflow-y: auto; 
    overflow-x: hidden; 
} 

tbody { border-top: 2px solid black; } 

tbody td, thead th { 
    width:15px; 
    /* Optional */ 
    border-right: 1px solid black; 
    /* white-space: nowrap; */ 
} 

tbody td:last-child, thead th:last-child { 
    border-right: none; 
} 

追加しようとしている場合は任意の提案は、周り..

おかげ

Answer 1

をいただければ幸いですthead要素の下にある行にはtbody要素を追加する必要があります。 w3schoolsを参照してください：http://www.w3schools.com/tags/tag_thead.asp