Question

我确定这是一个很容易解决的问题，但我还不是一个html / css向导！

我有一个我生成的表，规范要求有一个固定的标题，同时允许主体可滚动。

问题是，现在水平方向也是可滚动的，我不希望这样。没有理由不能修复。看起来垂直方向的滚动条的存在占用了空间，因此浏览器现在认为它需要水平滚动以适合水平内容。令人沮丧！

这是我到目前为止所做的：

<table cellspacing="0" cellpadding="4" border="1" bordercolor="cccccc">
        <thead style="position:relative;">
            <tr bgcolor="eeeeee">
                <td>Column 1 Header</td>
                <td>Column 2 Header</td>
            </tr>
        </thead>
        <tbody style="overflow-y:auto;overflow-x:hidden;height:480px;">
            <tr>
                <td>Some data</td>
                <td>Some more data</td>
            </tr>
            <tr>
                <td>Some data</td>
                <td>Some more data</td>
            </tr>
            <tr>
                <td>Some data</td>
                <td>Some more data</td>
            </tr>
            <tr>
                <td>Some data</td>
                <td>Some more data</td>
            </tr>
         </tbody>
      </table>

Answer 1

Tau，查看www.datatables.net。它是一个Jquery插件，可以通过JS重新格式化您的表，并允许排序，分页等。标题“冻结”正是解决您的问题的功能，而额外的功能只是奖金。我已经停止使用“冻结”方法并几乎完全切换到分页表，这只是一行配置来启用。就个人而言，我不再使用它来部署表格数据，额外的5行代码只需要一两分钟即可添加。这是我书中的双赢，不需要疯狂的CSS或重新格式化。

HTML表格水平调整大小问题

1 个答案: