Html 如何设置固定的表格高度并在新列中显示剩余的行?
当前,该表垂直展开。我希望它停在某个固定的高度,并在它旁边的一列中继续。从本质上说,我希望桌子在一个固定的位置底部,并从顶部继续 我总共有大约74行,我想在三个单独的列中平均显示它们。在过去,我只是简单地使用三个单独的33%宽度的表来实现这一点,但如果提供一些额外的排序选项,我正在实现的这一点将不起作用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
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>