“Cells cannot be joined on the top-most footer row. This row is used as the default row for setting column footers, so each cell in it should have maximum one related column.”

Above is the exception message I get when I try to define footer row and join all columns on it.

What I am trying to achieve is to have a footer that is full-width visible for grid width. Usually information that I am trying to show in footer is longer than the small columns that are present in the Grid.

Thus, I must add another footer row first, that is reserved to be for column footers (single cell), however that creates visually unapplealing thing you can see in the example picture (empty footer row).

One might say that I can assign long text to widest column footer, however I need the text to be at the left start of the grid and that it will not change position on column reorder.

How to get around this limitation?

Code:

grid.appendFooterRow();
val fr = grid.appendFooterRow();
val cell = fr.join(grid.getColumns().toArray(Grid.Column[]::new));
cell.setText("TESITNG EVERY LOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOONG TEXT");