TinyBase logoTinyBase

RowProps

RowProps props are used for components that refer to a single Row in a Table, such as the RowView component.

{
  tableId: Id;
  rowId: Id;
  store?: StoreOrStoreId;
  cellComponent?: ComponentType<CellProps>;
  getCellComponentProps?: (cellId: Id) => ExtraProps;
  customCellIds?: Ids;
  separator?: ReactElement | string;
  debugIds?: boolean;
}
TypeDescription
tableIdId

The Id of the Table in the Store.

rowIdId

The Id of the Row in the Table to be rendered.

store?StoreOrStoreId

The Store to be accessed: omit for the default context Store, provide an Id for a named context Store, or provide an explicit reference.

cellComponent?ComponentType<CellProps>

A custom component for rendering each Cell in the Row (to override the default CellView component).

getCellComponentProps?(cellId: Id) => ExtraProps

A function for generating extra props for each custom Cell component based on its Id.

customCellIds?Ids

An optional list of Cell Ids to use for rendering a prescribed set of the Row's Cells in a given order.

separator?ReactElement | string

A component or string to separate each Cell component.

debugIds?boolean

Whether the component should also render the Id of the Row, and its descendent objects, to assist with debugging.