jQuery Datatable表走出模板

我正在使用Datatables.net，我遇到了一個問題，他們的表似乎要超過它所包含的塊的約束。類似於浮動元素的行爲。我不確定如何解決這個問題，因爲我不確定究竟發生了什麼。jQuery Datatable表走出模板

更多的時間然後減少我的表將停留在我的模板的範圍內，並在需要的地方將模板推到需要的地方，除了這張表。我的意思

enter image description here

2012-05-01 chris

請顯示html/css請使用jsfiddle ..它很難確定究竟是什麼導致了這一點。 –

我覺得它看起來挺酷的。 –

您可以控制通過使用CSS屬性「溢出」包含的元素是否顯示了過大的數據表。如果你設置overflow：hidden，表格將會被截斷，而如果你設置了overflow：滾動包含的元素會得到一個滾動條，你可以用它來查看整個表格（通過滾動）。

但是，我猜你想防止溢出，在這種情況下，你的問題歸結爲數據表的寬度和它的容器的寬度。如果數據表的內容太大，則需要使用數據表選項來調整內容（例如，您可能希望將您的aoColumnDefs更改爲具有較短的標題文本）。如果表格的內容是你想要的，但你想讓表格變小，那麼你需要用CSS來玩它（也就是說，你可能想降低字體大小）。

最後，如果數據表是一個很好的大小，並且問題只是包含的元素太小，則需要增加包含元素的寬度（通過CSS屬性寬度或最小寬度）。

希望有所幫助。

來源

2012-05-01 19:43:45 machineghost

儘管存在這個問題，但包含的元素在寬度上不是靜態的。這有點讓我困惑。我得到了這樣的表格，在那裏按需要推出模板，但這並不是那麼多..我在玩它時發現了另一個我正在工作的方面，它使用了jquery的load（）將特定位置的信息帶到頁面，所以我想知道這與這件事有什麼關係。 – chris

我不明白爲什麼負載會有所作爲，但如果您想測試該理論，則可以嘗試在負載之後立即設置包含元素的寬度，以查看它是否修復問題。 – machineghost

爲了擴大這一點，你可能還想檢查是否有一個單詞太長。可能只需在逗號分隔列表上的逗號後面加空格，改變一些其他內容，或者改變您使用的wordwrap。 – Goose

這是相當困難沒有具體的代碼示例。你有沒有嘗試過通常的clearfix選項？

有是如何做到這一點在第二個答案，在這裏很好的例子： What methods of ‘clearfix’ can I use?

來源

2012-05-01 19:40:11

jQuery Datatable表走出模板

回答

相關問題