2013-05-17 86 views
0

jqGrid提供了一些奇妙的功能,但有一個功能丟失,我的客戶不斷抱怨(好吧,他從來沒有真正滿意他得到的),這是適當的垂直和水平滾動。我必須設置的網格包含大約20列,其中一些列包含更長的文本,因此網格甚至不適合24「屏幕。爲了正確佈局網格和其他可視化組件(即網格上方的額外搜索和過濾功能),我將網格移動到屏幕寬度約95%的滾動div,並使用水平滾動條滾動超大網格,該解決方法的問題在於,您不會看到網格本身的垂直滾動條,只有在您首先向右滾動並且不太舒服時纔會看到它。 希望我的解釋能理解?如果有人知道一個很好的解決方法,我會很想知道它!否則「雙滾動網格」將是4.5的一個很好的功能 非常感謝!JqGrid添加水平滾動垂直滾動

視頻例如http://screencast.com/t/gPdOVPQlRc

回答

1

的jqGrid有很多很多的選擇。這可能是使用jqGrid的問題。具有許多列的網格可以以不同的方式顯示。

一種方法是在頁面上顯示完整網格並使用瀏覽器窗口的滾動條。如果你有簡單的頁面佈局,那麼這種方式可能是最好的。

另一種方式可能是使用shrinkToFit: false選項。在這種情況下,您應該指定colModel中列的確切寬度值。如果您使用shrinkToFit: false選項,則可以設置jqGrid的width選項。在水平滾動條將被放置在jqGrid中的情​​況下。

在許多情況下,包含許多列的網格並不總是爲每個用戶提供真正有趣的信息。因此,如果您在網格中提供columnCooser可能會有所幫助。此外,您可以將用戶首選項保存在localStorage(請參閱the answeranother one)。它可以改善用戶體驗。

你不寫關於網格的高度,但使用height: "auto"產生的通常是良好的結果。

+0

不,高度是580px。它是固定的,應該是。我試着用shrinkToFit:false。如果有任何問題,我會通知你。謝謝 –

+0

沒有任何值('height:「auto」'或'height:580')對於所有網格*都是完美的。我寫了關於'height:「auto」'因爲'height'(尤其是''auto''或''100%''value)的使用會影響滾動條的存在。 – Oleg

+0

剛纔我試着給'width:900,shrinkToFit:false,'。然後出現兩個水平滾動條。 –