Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/r/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何设置固定的表格高度并在新列中显示剩余的行?_Html_Css Tables - Fatal编程技术网

Html 如何设置固定的表格高度并在新列中显示剩余的行?

Html 如何设置固定的表格高度并在新列中显示剩余的行?,html,css-tables,Html,Css Tables,当前,该表垂直展开。我希望它停在某个固定的高度,并在它旁边的一列中继续。从本质上说,我希望桌子在一个固定的位置底部,并从顶部继续 我总共有大约74行,我想在三个单独的列中平均显示它们。在过去,我只是简单地使用三个单独的33%宽度的表来实现这一点,但如果提供一些额外的排序选项,我正在实现的这一点将不起作用 table.full { position: absolute; top: 0%; left: 0%; height: 100%; width: 32%; display: in-line; b

当前,该表垂直展开。我希望它停在某个固定的高度,并在它旁边的一列中继续。从本质上说,我希望桌子在一个固定的位置底部,并从顶部继续

我总共有大约74行,我想在三个单独的列中平均显示它们。在过去,我只是简单地使用三个单独的33%宽度的表来实现这一点,但如果提供一些额外的排序选项,我正在实现的这一点将不起作用

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


内容
内容
内容
内容
内容
内容
内容等等。。。

我觉得它应该很简单。

@kevMoe,构建一个表可能很简单,但是,定制响应表可能会很耗时,我想你要找的是在现有行的旁边以一定的高度堆叠新行,看看,我想这就是你要找的

通过这个解决方案来看,听起来我需要用div样式来模拟表的行为。我来试一试。它花了一些非常特殊的造型,但最终还是换成了div而不是table。
            <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>