HTML表格 - 固定寬度的列和水平滾動

Question

我需要創建一個固定列寬的HTML表格，比如說每列有200px。如果表格超出瀏覽器視口的水平寬度，則應該有水平滾動來查看不在屏幕上的列。由於表是從數據庫動態生成的，因此每次都會有不定數量的列，因此無法事先定義總表寬度。

總之，我正在尋找一種方法來設置一個固定的列寬，然後告訴表水平滾動，如果它運行水平空間。任何建議，將不勝感激！

Answer 1

我有什麼是可能的一個的jsfiddle例如： jsFiddle table scrolling

表不能滾動自己（因爲他們從來沒有溢出），但如果你把一個包裝圍繞它的用戶可以水平（或垂直）滾動。然而： 如果你不能給你的表一個固定的寬度，它只會填充它可以找到的空間。但它不會溢出它的父母。即使表格單元具有固定的寬度。

但我的猜測是，如果您生成具有此寬度的單元格，則可以計算表格的總寬度。使用此值（I.E 1000px）在包裝上創建溢出。