html - 将固定高度的行定位在表格内的任何位置

Question

我正在实现一个虚拟表来浏览一个非常大的表。有没有办法将行(固定高度)定位在大表格内的任何位置？问题似乎是表格属性自动拉伸(stretch)行高 - 忽略了 tr 元素定义的像素高度。

table { height: 10000px }
table tr { height: 10px; }

(附注。在这种情况下使用 div 不是一种选择。)

Answer 1

您需要阅读 spec about the Table Model .默认 display <tr> 的值标签是 display: table-row这将迫使您遵守表格模型。

行是根据表格网格显示的，所以如果你想移动它们，你必须在表格网格的范围内进行。

要使它们成为 20px，您可以使用 rowspan="2"如果他们是10px在高度上。

目前无法使用rowspan和 colspan在 CSS 中，从语义分离的 Angular 来看是不好的，尽管有 future plans .