<nve-grid>
Properties
Determines the container styles of component. Flat nests the grid within other containers. Full spans the full edge-to-edge viewport width.
flat
full
Determine style variant stripe rows
true
false
Slots
nve-grid-header, nve-grid-row, and nve-grid-placeholder elements.
slot for grid-footer or toolbar
Methods
scrollTo(options?: ScrollToOptions): Promise<void>scrollTo(x: number, y: number): Promise<void>
Scroll to a specific position in the grid.
CSS Properties
<nve-grid-header>
Slots
default slot for nve-grid-column
<nve-grid-column>
Properties
Control the content alignment within a given column.
start
center
end
Set the position property or attribute to fixed or sticky to make the column fixed or sticky. Fixed columns do not scroll horizontally with the grid. Sticky columns scroll horizontally with the grid until the column reaches the edge of the grid.
fixed
sticky
Only set a fixed px width when you know the grid width. Most cases this should remain unset. If the total width of all columns is less than the grid width then the last column fills the remaining space. By default column widths are evenly divided unless width is explicitly provided.
string
Slots
Column heading text or controls.
slot for column actions
CSS Properties
<nve-grid-row>
Properties
Indicates whether an element currently holds selection within a multi-option selection group. MDN
true The element holds selection and represents the user's current choice within the group.
false The element does not hold selection and the user can choose it.
Slots
default slot for nve-grid-cell
<nve-grid-cell>
Slots
Data or interactive controls displayed within the cell.