Vaadin表 - 使空白空间看起来被剥离

Question

我在我的应用程序中使用了几个表，但问题是如果表没有填充，则剩余空间保持为空，不像往常一样被剥离。例如：

你对此有什么想法吗？如果桌子没有完全填满，它看起来真的很难看。

PS：我不想用虚拟数据填充它

Answer 1

您可以创建具有这些行颜色的图像，并将该图像设置为白色部分的CSS背景。

Answer 2

此问题的根本原因是Application（PagedTable组件）正在设置一些默认/程序员定义的pageLength表示每页的25个项目，如果该特定页面中只有2个项目，那么23行中的其余部分将为空将显示空白空间而不是数据。 因此，为了解决这个问题，我们可以检查表格特定页面的实际内容，然后以编程方式设置页面长度。

我们需要检查并设置pageLenght，其中包含最终用户选择的页面长度或默认值的更改事件     addListener（new PageChangeListener（）{             public void pageChanged（PagedTableChangeEvent event）{             //相应地添加了表格高度             if（container.getRealSize（） - getPageLength（）＆lt; 0）{                         setPageLength（container.getRealSize（））;             }         }     }）;

此外，我们还需要以与分页功能下的第一个，上一个，页码，下一个和最后一个导航更改等其他事件相同的方式检查和设置pageLength。