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

Question

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

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

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

Answer 1

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

Answer 2

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

我们需要检查并设置 pageLenght 与最终用户选择的页面长度或默认值 addListener(new PageChangeListener() { public void pageChanged(PagedTableChangeEvent event) { //添加以相应地设置表格高度 if(container.getRealSize() - getPageLength()<0){ setPageLength(container.getRealSize()); } } });

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