Vaadin 24 - Grid Vertical Align Top?

Flow
1

Hey Guys,
I’m sure I’m missing something basic - but I cannot for the life of me figure out how to get a grid to vertical-align to the TOP (default is CENTER).

Here’s what I’ve tried:

grid = new Grid<>(SJNotifConfigQA.class, false);
grid.addClassName("notification-grid");

STYLES.CSS:

.notification-grid .v-grid-body .v-grid-row .v-grid-cell {
    vertical-align: top;
}

Doesn’t seem to affect the vertical alignmnet. Any help would be greatly appreciated!

2

Please take a look at the styling tab in the grid’s documentation. None of those v- style names are valid since Vaadin 10.

3

The correct answer - if anyone else needs it is:

    align-items: self-start;
}```