Compact
<vaadin-grid theme="compact">
[[item.firstName]]
[[item.lastName]]
[[item.address.street]], [[item.address.city]]
Borderless
<vaadin-grid theme="borderless">
[[item.firstName]]
[[item.lastName]]
[[item.address.street]], [[item.address.city]]
Row Dividers
<vaadin-grid theme="row-dividers">
[[item.firstName]]
[[item.lastName]]
[[item.address.street]], [[item.address.city]]
Column Dividers
<vaadin-grid theme="column-dividers">
[[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.
This example is also using the row-dividers theme variant to make the content easier to read.
[[item.firstName]]
[[item.lastName]]
[[item.address.street]], [[item.address.city]]