2009-05-03 51 views
0

我真的很關心我的網絡應用程序的審美方面,這就是爲什麼我要問這種愚蠢題。如果你認爲這不是什麼大問題,請提前原諒我。製作真正的桌面網格(如何顯示足夠的空行來填充表格網格的高度)

我正在構建一個類似於web應用程序的桌面,並使用jqGrid awesome插件來顯示一些表格數據。在iTunes這樣的桌面應用程序中,該表格有足夠的空行來填充其維度。我的意思是,如果您將表格網格設置爲500px,並且它只有一行,表格(斑馬條)將會持續到頁面的結尾。這是我想要的,但現在無法使用javascript或css來完成。

我的第一個想法是將虛假空行的表格做成背景圖像,但這種方法存在兩個問題。首先它不會工作,如果用戶縮放和使文字變大,第二我顯示了一些可以實現的列之間的邊界,這使得它們不可能在背景圖像中複製它們。

有沒有人曾試圖做出這樣的表格?任何想法如何做到這一點?

回答

1

我會做的只是創建一個具有特定高度的表容器;給它一個垂直平鋪的背景;設置爲overflowscroll/auto;然後將動態大小的表放入其中。

編輯:對不起,我沒有仔細閱讀你的問題。鑑於您的其他要求,我會簡單地使用JavaScript。不應該很難爲表格設置最少的行數,儘管我不是jqgrid的家庭成員。

另一種選擇是使用2個表 - 實際數據的最高值,空行的最低值。每次將行添加到頂部表格時,都會從底部表格中移除一行,反之亦然。您還必須捕獲頂部表格的列大小調整事件,並調整底部表格的列大小。但這很漂亮。

+0

是的,有可能的解決方案,但他們都是相當cludgy。現在我要聯繫jqGrid開發人員,看看他是否有興趣添加此功能。 jqGrid目前正在大力發展。我想我會在jqGrid中做一些骯髒的黑客來實現這一點。 – 2009-05-03 16:02:56