嵌套表标题对齐

Question

http://egbsystem.net/innosol/prototype/grid_test_pay.html

只需看到链接上方并检查嵌套表标题和主表标题。它们没有正确对齐。我需要对齐与主表标题高度相同的高度。

请帮帮我。

Answer 1

我没有在任何地方看到表格标题，所以我猜你的意思是表格标题。

您正在将height:50px;直接应用于嵌套表格标题;但在主表标题中，没有规定高度。

您只需将其应用于主表标题即可。你可以这样做：

#paygridaMain th{height:50px;}

顺便说一句，允许您删除（作为冗余）嵌套表中每个height:50px;元素的<th>的内联声明。

Answer 2

您可以删除

height: 50px

来自HTML

还要从css中的以下类中删除填充：

#paygrid th {
    padding: 6px; /* remove this line */
    border: 0;
}
#paygridaMain th {
    padding: 2px; /* and this line */
    margin: 0;
}

问题是ID（＃）比类更具体。

您还需要处理嵌套表的边框。删除外边框或删除它嵌套的单元格的边框，否则你将拥有一个似乎是2px的边框。