Question

我有一个非常大的表（溢出内容div），因为它是动态的，它可以包含至少20列。无论如何，问题是我不得不将这张桌子放在一个“紧”的div中。并且，我们的想法是避免溢出，并优雅地显示所有列，使其可以水平旋转（从左到右滑动，可能还有“前一个”和“前进”按钮）。

是否有一个现成的脚本来帮助开发它？

非常感谢，问候。

Answer 1

您可以对其进行设置，以便可以在分配的div中水平滚动：

<div style="width: 100%; overflow-x: auto">
  <table> [ really wide table data ] </table>
</div>

这将导致表包含在可水平滚动的div中。如果桌子不垂直高于窗户高度（即它可以垂直放入窗户而不需要滚动），它看起来会很好看。