LyteNyte Grid logo for light mode. Links back to the documentation home page.
Github repository for this project. 1771 Technologies home page
Grid Public Interface

Layout

As a headless data grid, LyteNyte grid positions cells and headers based on a layout description. This reference describes the types that make up the grid layout description.

Note

For more details on working with LyteNyte Grid as a headless grid, see the Headless Component Parts guide.

Row Layouts

Two layout types are necessary to describe a row’s layout:

  1. Full Width Layout: Used for full width rows.
  2. Cell Layout: Used for rows with individual cells.

The LayoutRow type defines the row layout as a union of the cell and full-width layout types.

type LayoutRow = LayoutRowWithCells | LayoutFullWidthRow;

LayoutFullWidthRow

Prop

LayoutRowWithCells

Prop

LayoutCell

Prop

Header Layouts

Three layout types are necessary to describe a header’s layout:

  1. Header group cell
  2. Header cell
  3. Floating header cell

The LayoutHeader type defines the header layout as a union of these types.

type LayoutHeader = LayoutHeaderCell | LayoutHeaderFloating | LayoutHeaderGroup;

LayoutHeaderCell

Prop

LayoutHeaderFloating

Prop

LayoutHeaderGroup

Prop