You can combine all of these variants together, e.g. <vaadin-grid theme="compact no-row-borders row-stripes">
Compact
<vaadin-grid theme="compact">
[[item.firstName]]
[[item.lastName]]
[[item.address.street]], [[item.address.city]]
No border
<vaadin-grid theme="no-border">
[[item.firstName]]
[[item.lastName]]
[[item.address.street]], [[item.address.city]]
No row borders
<vaadin-grid theme="no-row-borders">
[[item.firstName]]
[[item.lastName]]
[[item.address.street]], [[item.address.city]]
Column borders
<vaadin-grid theme="column-borders">
[[item.firstName]]
[[item.lastName]]
[[item.address.street]], [[item.address.city]]
Row Stripes
<vaadin-grid theme="row-stripes">
[[item.firstName]]
[[item.lastName]]
[[item.address.street]], [[item.address.city]]
Wrap Cell Content
<vaadin-grid theme="wrap-cell-content">
By default, cell contents don’t wrap and all overflowing content is either clipped or truncated. Apply the wrap-cell-content
theme to make the cell content wrap instead.
[[item.firstName]]
[[item.lastName]]
[[item.address.street]], [[item.address.city]]