如何滾動特定表水平，而不是整個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>