Vaadin表 - 使空的空間看起來剝離

Question

我用我的應用程序的幾個表，但問題是，如果表中不填充剩餘空間保持爲空，不剝離像往常一樣。例如：

你對此有何想法？如果桌子沒有完全填滿，看起來真的很難看。

PS：我不想用虛擬數據

Answer 1

來填補它你可以創建一個具有那些行顏色的圖像，並設置圖像作爲CSS背景爲白色部分。

Answer 2

此問題的根本原因是應用程序（PagedTable組件）正在設置一些默認/程序員定義的pageLength每頁25個項目表，如果該特定頁面中只有2個項目，則其餘23行將爲空並將顯示空白空間而不是數據。 所以爲了解決這個問題，我們可以檢查表的特定頁面的實際內容，然後以編程方式設置頁面長度。

我們需要檢查並與（新PageChangeListener（）由最終用戶或默認值 的addListener選擇的頁面長度{ 公共無效pageChanged（PagedTableChangeEvent事件）{ 變更事件pageLenght //添加了相應設置表高度（container.getRealSize（） - getPageLength（）< 0）{ setPageLength（container.getRealSize（））; } } }）;

此外，我們還需要檢查，並以同樣的方式與其他事件設置pageLength像第一次，以前，頁碼，下一個和下分頁功能，最後導航的變化。