css table如何让每条数据有横向滚动条？

Question

<div overflow="auto">
  <table>
     <tbody>
        <tr>
           <td>xx</td>
           <td>oo</td>
           ...
        </tr>
     </tbody>
  </table>
</div>

我这的场景是，table要显示的数据很多，要求又不能换行，只能table使用横向滚动条，
由于现在数据太多，每次要拉到最底下才能滑滚动条，现在需求是给每条数据加滚动条，有什么好的方法实现吗？

——————————————————
谢谢各位

Answer 1

个人觉得给每条数据加横向滚动条可以考虑overflow，但是很丑。。
是不是可以考虑一下，table的高度设置在窗口可视高度范围，这样上下拖动滚动条不会太麻烦。
比如浏览器窗口高度假设700，那么table高度设置700范围内，一个窗口可以看完整个table，在table内上下滚动和横向滚动，体验应该比每条横向滚动要好。

Answer 2

给tr加 overflow-x:auto 不过不曾见过有网站这么干的。应该会非常丑。
你的方向应该是控制表格外层的滚动，也就是给表格加高度，超过时垂直方向滚动，就不存在拖动数据到最下面的问题
总之就是 外层表格的横向与纵向都要自己加滚动条

Answer 3

在table外面包裹一层div，然后在这个div上设置横向滚动条。
table的width不要设置死。
div的宽度设置成你布局需要的width。