分裂HTML表格

Question

我有一個HTML表看起來像這樣：

<table> 
    <thead> 
    <tr> 
     <th >title1</th> 
     <th >title2</th> 
     <th >title3</th> 
     <th >title4</th> 
     <th >title5</th> 
     <th >title6</th> 
     <th >title7</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>data1</td> 
     ... 
     <td>data7</td> 
    </tr> 
    </tbody> 

我遇到的問題是，我只是有大約300到把所有這些信息，如果有一些辦法，我想知道如果達到300px的限制，我可以告訴桌面進行分割。這甚至有可能嗎？還是我應該回去使用div？

Answer 1

我不確定'分裂'是什麼，但是一個好的替代方法是將表格包裝在一個容器中，其中包含overflow-x: auto集合。這將使它可以滾動。

Live Example