Строка и заголовок таблицы не выровнены правильно?

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