jquery - 如何在表格的 x 轴上应用水平滚动条？

Question

我注意到有一些不同的方法可以做到这一点，并且与 IE8 浏览器存在一些差异。我有一个 <table>包含一个表。根据列的不同，表格的宽度可能为 500 像素或 1500 像素。

我怎样才能使当表格宽度大于 div 外部容器时滚动条出现在底部。我还需要将此表放在 DIV 中才能使其工作吗？

<table id="dataTable">
 xxx
</table>

Answer 1

你可以试试overflow-x属性:

<div id='wrapper'>
   <table id="dataTable">
     ...
   </table>
</div>

#wrapper {
    overflow-x: scroll;
    width: 800px;
}