如何通过按钮将紧凑应用到 Vaadin 14 中的网格答案

【问题标题】：How to apply compact to a grid in Vaadin 14 flow through a button如何通过按钮将紧凑应用到 Vaadin 14 中的网格
【发布时间】：2021-08-19 02:42:53
【问题描述】：

在 Vaadin 14 Flow 中，我有以下代码：

Grid grid = new Grid();
setupGrid(grid);

Button compactButton = new Button("Compact", 
    click -> grid.addThemeVariants(GridVariant.LUMO_COMPACT));
Button normalButton = new Button("Normal", 
    click -> grid.removeThemeVariants(GridVariant.LUMO_COMPACT));

问题是，当我单击上述按钮时，单击按钮时似乎只重绘了网格的标题，标题下方的行（表格的所有行）似乎没有受到影响。它们似乎停留在最初绘制屏幕时最初设置的任何变体（标题除外）。有没有办法通过按钮以编程方式调整网格的主题？

【问题讨论】：

标签： vaadin vaadin-flow vaadin-grid vaadin14

【解决方案1】：

您可以在更改主题后调用grid.getDataProvider().refreshAll(); 以将其应用于所有行。

【讨论】：

我可以确认，解决方法需要调用 refreshAll()。对我来说，这听起来像是 Grid 组件中的一个小错误。