如何滚动特定表水平，而不是整个html页

Question

我想滚动一个表水平，但滚动整个html页面滚动，我们如何设置滚动到特定的div /表，而不是整个html页面

Answer 1

只需使用这一个：

<div style="width: 300px; overflow-x: auto; overflow-y: hidden;"> 
// your content goes here 
</div> 

在这里看到演示https://jsfiddle.net/8a3g2msj/

Answer 2

尝试把table一个div内，并把overflow-x:scroll为div

<div style="width:200px;"> 
 
    <div style="overflow-x:scroll;"> 
 
    <table style="width:300px;" border="1px"> 
 
    <tr> 
 
    <td>Jill</td> 
 
    <td>Smith</td> 
 
    <td>50</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Eve</td> 
 
    <td>Jackson</td> 
 
    <td>94</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Eve</td> 
 
    <td>Jackson</td> 
 
    <td>94</td> 
 
    </tr> 
 
</table> 
 
    </div> 
 
    </div>