我正在尝试使用this tutorial允许在我编写的矩阵小部件上高效滚动。但是,它在它创建的无限滚动节点上使用绝对定位。我的节点是表的行和列。这将使所有单元格脱离表流。有没有办法让绝对定位的表格单元保持流通?

我确实知道可以绝对定位一个div,并通过在外部div上进行相对定位来保持另一个div环绕它的流动。就像是:

<div style="position:relative"><div style="position:absolute;top:0;left:0"></div></div>


但是,由于外部html是带有标题的表主体而内部html是表行,因此在这种情况下将不起作用。有什么方法可以将相对定位应用于表格的一部分,以迫使绝对定位的表格单元格留在表格内并使其与表格标题保持对齐?

我尝试在围绕绝对定位的行的表的各个部分上应用相对定位,例如:



<table border="1">
  <thead><tr><th>header</th><th>another header</th></tr></thead>
    <tbody style="position:relative">

       <tr style="position:absolute">
          <td><input type="checkbox"/></td>
          <td><input type="checkbox"/></td>
       </tr>
       <tr style="position:absolute">
          <td><input type="checkbox"/></td>
          <td><input type="checkbox"/></td>
       </tr>
    </tbody>
</table>





是否可以修改上面的代码段,以使单元格与thead部分和表格的其余部分保持一致?适用于div的相同的相对定位技巧似乎不适用于表格内容。

最佳答案

我认为clusterize.js可以为您的问题提供解决方案,因为它可以很好地处理表格。

10-04 22:47
查看更多