如何製作無響應的表格？

我正在使用Bootstrap 3，我想知道如何製作無響應的表格，因爲它需要大約40個屏幕。如何製作無響應的表格？

我的客戶不介意只要所有的數據都存在，他們必須水平滾動才能查看錶格。

那麼我該如何製作一個無響應的表格，我在哪裏手動設置了列寬？

您可以在第th列上設置最小寬度。這裏有一個例子：

2014-06-18 16:22:44 Charlie

這對我不起作用。 – Jamesking56

如果你給你的表另一個類（比如我在jsbin中使用的「沒有響應」的類），或者爲你的表添加最小寬度，這個類應該沒有問題。同樣在未來，如果你包含你自己的例子，最好是讓人們看到你到底在做什麼。沒有這個，你的問題不太可能得到同樣的關注。 – Charlie

這確實對我有用。謝謝。 – Jamesking56

-8

我已經找到了解決辦法。

我添加了一個min-width我所有的標題th元素：

<th style='min-width: 100px;'>

而且似乎工作。

2014-07-10 10:31:42 Jamesking56

這幾乎與上面的@ user3711852給出的答案相同。 – Somebody

作爲一種最佳實踐，您應該將您的樣式與您的html分開。我會建議遵循@ user3711852的建議。 – c0r3yz

所以他選擇有效的自己的答案？... –

而不是將最小寬度添加到所有th元素，使用style/css include全局。

th { 
min-height: 100px; 
}

2014-07-15 16:13:19 user2956096

變化爲「容器流體」容器類

實施例：

<div class="container-fluid"> 
<table class="table"> 
... 
</table> 
</div>

對這項工作是必要的集合的文檔類型在HTML5：

<!DOCTYPE html>

，並加入到標題此meta：

<meta name="viewport" content="width=device-width, initial-scale=1">

2014-07-16 17:29:15 cbertelegni

可以以各種方式來實現：在樣式表設置最小寬度到table，th，td

1），tr：

table { 
    min-width:700px; 
} 
tr { 
    min-width:120px; 
} 
th,td { 
    min-width:20px; 
}

2 ）或者，您可以刪除標題響應元視圖：

<meta name="viewport" content="width=device-width, initial-scale=1">

2014-07-17 04:30:29 user3847516

回答