javascript - 如何将一组表行分组以溢出滚动（不使用 thead 或 tbody）？

Question

我有一张有 100 行的表。我的thead和tbody已经用过了。但是我需要允许另一组表格行滚动而不使页面的其余部分滚动。我怎样才能做到这一点？

这是一个小提琴http://jsfiddle.net/hMEuC/这里有一些标记：

<table>
    <thead><tr><th>header</th></tr></thead>
    <tbody>
        <tr><td>abc<td></tr>
        <tr><td>def<td></tr>
        <tr><td>ghi<td></tr>

        <!-- Can I make these rows overflow auto scroll? -->

        <tr><td>abc<td></tr>
        <tr><td>def<td></tr>
        <tr><td>ghi<td></tr>
        ...
        <tr><td>xyz<td></tr>

        <!-- end hopeful autoscroll box -->

    </tbody>
</table>

Answer 1

在. _ _ _ tbody_ table_ 如果您有一组要定位的表行，请将它们包装在它们自己的tbody中，然后定位它。

您必须将第二个的显示设置为tbody类似block这样，以便您可以将 y 轴的溢出设置为自动。这也需要重新处理嵌套元素tr和td元素。

小提琴：http: //jsfiddle.net/sycAT/2/