║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║

---

title: Grid View description: The API reference for the grid view functionality in LyteNyte Grid.

GridView<span className="type-tag" style={{ '--type-content': "'object'" }} />

Represents the current visual layout of the grid including headers and rows. This structure is used by LyteNyte Grid headless components or for building custom visualizations.

<AutoTypeTable path="../packages/commercial-lytenyte-pro/src/+types.ts" name="GridView" />

HeaderCellFloating<span className="type-tag" style={{ '--type-content': "'object'" }} />

Describes a floating header cell layout, which remains fixed during scroll operations.

<AutoTypeTable path="../packages/commercial-lytenyte-pro/src/+types.ts" name="HeaderCellFloating" />

HeaderCellLayout<span className="type-tag" style={{ '--type-content': "'object'" }} />

Describes a standard header cell layout in the grid, used to position and render individual column headers.

<AutoTypeTable path="../packages/commercial-lytenyte-pro/src/+types.ts" name="HeaderCellLayout" />

HeaderGroupCellLayout<span className="type-tag" style={{ '--type-content': "'object'" }} />

Describes a group of columns within the header. Used by LyteNyte Grid to render grouped column headers with optional collapsibility and structural metadata.

<AutoTypeTable path="../packages/commercial-lytenyte-pro/src/+types.ts" name="HeaderGroupCellLayout" />

HeaderLayout<span className="type-tag" style={{ '--type-content': "'object'" }} />

Defines the overall structure of header rows in the grid. This layout is recalculated based on viewport changes and virtualized rendering.

<AutoTypeTable path="../packages/commercial-lytenyte-pro/src/+types.ts" name="HeaderLayout" />

HeaderLayoutCell<span className="type-tag" style={{ '--type-content': "'union'" }} />

<TypeTable type={{"HeaderLayoutCell":{"description":"Represents a union of all possible header layout cell types:\n normal header, floating header, or header group.","type":"HeaderCellLayout | HeaderCellFloating | HeaderGroupCellLayout"}}} />

RowCellLayout<span className="type-tag" style={{ '--type-content': "'object'" }} />

Represents the layout metadata for a single cell within a row, including span and contextual info.

<AutoTypeTable path="../packages/commercial-lytenyte-pro/src/+types.ts" name="RowCellLayout" />

RowFullWidthRowLayout<span className="type-tag" style={{ '--type-content': "'object'" }} />

Describes the layout of a full-width row which spans all columns. These are typically used for summary or group rows.

<AutoTypeTable path="../packages/commercial-lytenyte-pro/src/+types.ts" name="RowFullWidthRowLayout" />

RowLayout<span className="type-tag" style={{ '--type-content': "'union'" }} />

<TypeTable type={{"RowLayout":{"description":"A row layout is either a standard row or a full-width row, depending on its content and configuration.","type":"RowNormalRowLayout | RowFullWidthRowLayout"}}} />

RowNormalRowLayout<span className="type-tag" style={{ '--type-content': "'object'" }} />

Describes the layout of a standard row in LyteNyte Grid, including cell arrangement and row-level metadata.

<AutoTypeTable path="../packages/commercial-lytenyte-pro/src/+types.ts" name="RowNormalRowLayout" />

RowSectionLayouts<span className="type-tag" style={{ '--type-content': "'object'" }} />

Organizes the rows into three separate sections: top (pinned), center (scrollable), and bottom (pinned). Used to optimize row virtualization and rendering.

<AutoTypeTable path="../packages/commercial-lytenyte-pro/src/+types.ts" name="RowSectionLayouts" />

ViewBounds<span className="type-tag" style={{ '--type-content': "'object'" }} />

Defines the viewport boundaries for rendering rows and columns in LyteNyte Grid. These bounds are calculated based on the scroll position and the visible area of the grid.

<AutoTypeTable path="../packages/commercial-lytenyte-pro/src/+types.ts" name="ViewBounds" />

║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║
║