LyteNyte Grid is a headless data grid. The grid positions cells and headers based on a layout description. This section describes the types that make up the grid layout description.
Two types are necessary to describe the layout of a row in LyteNyte Grid, since a row
may be either a full width row or a row with individual cells. The row layout is described by a type
called LayoutRow, which is a union of the cell layout and full width layout types:
The number of columns that cells in this column span. Providing a number creates a uniform span
for every row. Providing a function allows more fine-grained control over column spanning.
The ID to use for the menu trigger. Only set this value if you require a specific ID. If not provided, the component generates an ID using useId.
Whether the cell is covered by a spanning cell from the start.
Whether the cell is covered by a spanning cell from above.
The operating mode of the SmartSelect component.
The row index of the layout row.
The pin state of the row.
The number of rows that cells in this column span. Providing a number creates a uniform span
for every row. Providing a function allows more fine-grained control over row spanning.
A hint describing the type of data contained in the column cells. The grid uses this value for styling,
but it has no functional impact on grid logic.
Whether the cell is the first cell pinned to the end.
Whether the cell is the last cell pinned to the start.
Whether the row is the first of the bottom pinned rows.
Whether the row is rendered only because it is focused.
Whether the row is the last of the top pinned rows.
Three types are necessary to describe the header layout. These types describe a header group cell,
a header cell, or a floating header cell. The LayoutHeader type is a union of these three types.
~ts
type LayoutHeader = LayoutHeaderCell | LayoutHeaderFloating | LayoutHeaderGroup;
~
The end column index of the header cell. This value is exclusive.
The pin state of the column.
The number of columns that cells in this column span. Providing a number creates a uniform span
for every row. Providing a function allows more fine-grained control over column spanning.
The start column index of the header cell.
The ID to use for the menu trigger. Only set this value if you require a specific ID. If not provided, the component generates an ID using useId.
The operating mode of the SmartSelect component.
The end row index of the header cell in the header hierarchy.
The number of rows that cells in this column span. Providing a number creates a uniform span
for every row. Providing a function allows more fine-grained control over row spanning.
The start row index of the header cell in the header hierarchy.
A hint describing the type of data contained in the column cells. The grid uses this value for styling,
but it has no functional impact on grid logic.
Whether the cell is the first cell pinned to the end.
Whether the cell is the last cell pinned to the start.
The end column index of the header cell. This value is exclusive.
The pin state of the column.
The number of columns that cells in this column span. Providing a number creates a uniform span
for every row. Providing a function allows more fine-grained control over column spanning.
The start column index of the header cell.
The ID to use for the menu trigger. Only set this value if you require a specific ID. If not provided, the component generates an ID using useId.
The operating mode of the SmartSelect component.
The end row index of the header cell in the header hierarchy.
The number of rows that cells in this column span. Providing a number creates a uniform span
for every row. Providing a function allows more fine-grained control over row spanning.
The start row index of the header cell in the header hierarchy.
A hint describing the type of data contained in the column cells. The grid uses this value for styling,
but it has no functional impact on grid logic.
Whether the cell is the first cell pinned to the end.
Whether the cell is the last cell pinned to the start.
The end column index of the header cell. This value is exclusive.
Whether the group cell can be collapsed.
The pin state of the column.
The number of columns that cells in this column span. Providing a number creates a uniform span
for every row. Providing a function allows more fine-grained control over column spanning.
The start column index of the header cell.
The IDs of all columns in the column group.
A boolean indicating if the end shadow should be drawn. By default true.
The column group path that this column belongs to.
The ID to use for the menu trigger. Only set this value if you require a specific ID. If not provided, the component generates an ID using useId.
The group cell ID plus a count of its occurrence position. This value is unique.
The operating mode of the SmartSelect component.
The end row index of the header cell in the header hierarchy.
The number of rows that cells in this column span. Providing a number creates a uniform span
for every row. Providing a function allows more fine-grained control over row spanning.
The start row index of the header cell in the header hierarchy.
A boolean indicating if the start shadow should be drawn. By default true.
Whether the cell is the first cell pinned to the end.
Whether the cell is the last cell pinned to the start.
