使用colspan

Question

我正在尝试对齐两个HTML表，一个在另一个下面。这样做的原因是我需要两个标题，并且当用户滚动时它们都需要保持固定。我使用jQuery floatThead来实现此目的，但它只浮动一个thead行。我的解决方法类似于：

<div>
    <table style="width:100%;">
        <thead>
           <tr>
               <th colspan="2" style="width:50%;">Etc</th>
               <th colspan="2" style="width:50%;">Etc</th>
           </tr>
       </thead>
    </table>
</div>

<div class="floatTheadContainer">
    <table style="width:100%;">
        <thead>
           <tr>
               <th style="width:25%;">Etc</th>
               <th style="width:25%;">Etc</th>
               <th style="width:25%;">Etc</th>
               <th style="width:25%;">Etc</th>
           </tr>
       </thead>
    </table>
</div>

更真实的例子是JSFiddle - 即使宽度百分比相等，单元格边框也不对齐

Answer 1

你有<th style="width:2%;"></th>，它会添加额外的框。我假设你想要的是什么。这是demo。