当表格设置为100%宽度时锁定html表格标题

这个看似简单的问题的所有解决方案都涉及到设置了单元格宽度的表。我的桌子设置为屏幕宽度的100%。有什么想法吗？我已经尝试在THAD上定位：固定，以及在THAD上显示：块和带有可滚动tbody的tbody。我遇到的问题是THAD细胞崩溃

• 表中最多可以有1-3个单元格，每个单元格的colspan为1-5（并非所有单元格都相同）
• 我无法定义设置的td或th宽度，因为我不知道我需要多少个单元格 在加载数据之前，将一直具有
• 我不能有水平的 滚动

不知道怎么做

HTML

<table border="1">
    <thead>
        <tr>
            <th>Test 1 (should be 50%)</th>
            <th colspan="2">Test 2 (should be 50%)</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>A 1 (should be 50%)</td>
            <td>A 2b (should be 25%)</td>
            <td>A 2b (should be 25%)</td>
        </tr>
        <tr>
            <td>B 1</td>
            <td>B 2b</td>
            <td>B 2b</td>
        </tr>
        <tr>
            <td>C 1</td>
            <td>C 2b</td>
            <td>C 2b</td>
        </tr> 
        <tr>
            <td>D 1</td>
            <td>D 2b</td>
            <td>D 2b</td>
        </tr> 
        <tr>
            <td>E 1</td>
            <td>E 2b</td>
            <td>E 2b</td>
        </tr>
    </tbody>
</table>

---

只需删除以下样式：

thead, tbody {display:block;}
tbody {overflow:scroll;height:100px;}

如果您想要tbody make滚动，可以使用tbody样式：

tbody {overflow:scroll;height:100px;}

---

它们是固定的。问题是什么？删除显示：块将删除tbody上的滚动。我需要固定桌子的高度。。。这是我可能没有说清楚的警告。直到表格加载后，我才知道单元格的宽度。我不能像这样设置css中的th或td宽度。您的解决方案是我找到的资源解释它的方式。。。定义单元格宽度。我也不能水平滚动。

tbody {overflow:scroll;height:100px;}