表格行和标题未正确对齐？

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