如何设置固定的 table 高度并在新列中显示剩余的行？

Question

目前 table 垂直展开。我希望它停在某个固定的高度并继续在它旁边的一列中。本质上，我希望 table 在固定位置触底并从顶部继续。

我总共有大约 74 行，我想在三个单独的列中平均显示它们。在过去，我只是通过简单地使用三个宽度为 33% 的单独 tables 来完成此操作，但是如果我正在实施一些额外的排序选项，这将不起作用。

table.full {
position: absolute;
top: 0%;
left: 0%;
height: 100%;
width: 32%;
display: in-line;
border-collapse: collapse;
line-height: 1em;
table-layout: fixed;

}

            <table class="full">
            <colgroup>
            <col style="width: 75%">
            <col style="width: 25%"></colgroup>
            <tr><td>content</td><td>content</td></tr>
            <tr><td>content</td><td>content</td></tr>
            <tr><td>content</td><td>content</td></tr>
            <tr><td>content</td><td>content</td></tr>
            <tr><td>content</td><td>content</td></tr>
            <tr><td>content</td><td>content</td></tr>
            <tr><td>content</td><td>content</td></tr> and so on...
            </table>

感觉应该很简单

Answer 1

@kevMoe，构建 table 可能很简单，但是自定义响应式 table 可能很耗时，我认为您正在寻找的是在现有行旁边堆叠新行一定高度，看看Display rows of a table side by side，我想这就是你要找的。

如何设置固定的 table 高度并在新列中显示剩余的行？

How do I set a fixed table height and have remaining rows display to in a new column?

html

css-tables