2013-08-22 57 views
-2

我有一個UI問題,我找不出一個好的交互式解決方案。我有一個有表格數據的表格節點,這個數據讓表格溢出了主體。我需要表格基本上水平滾動並保持在主體/視點內,但我正在尋找一個更好的解決方案,而不是使用溢出y的壞滾動條。如果你知道任何不是來自90年代的js或css解決方案都會讓你獲得10個布朗尼分數。水平表溢出的CSS或Javascript解決方案

+0

它是所有關於CSS。 (css標籤丟失)你需要像溢出:隱藏;白色空間:nowrap;文本溢出:省略號;你的td。 – cocco

+0

滿溢內容有什麼問題? –

+0

我會建議使用庫而不是試圖自己解決這個問題。我使用了datatables.net和jqGrid(http://www.trirand.com/);我確定還有其他人。 – cfs

回答

2

沒有任何你認爲比「溢出的壞滾動條」更好的視覺效果,除了在黑暗中拍攝外,我們沒有太多的工作可以幫助你。

這就是說,你似乎要求的正是溢出-y的目的。您希望它在被限制到容器時滾動。這是overflow-y: scroll|auto的定義。

然後,您可以使用JavaScript庫來設置滾動條的樣式,因此您不會得到非常規系統滾動條。下面是一些你可以嘗試:

+0

我不在尋找滾動條解決方案。我試圖在這裏想出來。但是,是的,這將是一個典型的答案。 – rardoz

+0

@ RobertW.GreeneJr。 - 正如我所說的,你將不得不詳細說明你*在尋找什麼(理想情況下用某種形象),否則a)我們將無法幫助你,並且b)你的問題將會可能會因某種形式的「無法回答」而被封閉(可能「不是真正的問題」或「不具有建設性」)。 – Shauna