如何強制表格寬度等於其子寬td寬度並允許表格擴展到視口寬度以外

Question

我有一個包含動態行+列的表格。

<table> 
    <tr> 
    <td>column 1</td> 
    <td>column 2</td> 
    <td>column 3</td> 
    </tr> 
    <tr> 
    <td>11</td> 
    <td>12</td> 
    <td>13</td> 
    </tr> 
    <tr> 
    <td>21</td> 
    <td>22</td> 
    <td>23</td> 
    </tr> 
</table> 

我想要TD寬度總是等於它的內容。此刻，表格寬度根據td寬度擴展。但是，一旦列數增加，整個表格寬度就受到頁面寬度的限制。

我試圖找到一種方法來保持自動TD寬度，但允許表擴展超出頁面寬度。我重視的是什麼下面我指的是簡單的畫圖：

提前感謝！

Answer 1

添加這種風格：

table { 
    white-space: nowrap; //prevent wrapping 
} 

Fiddle