Skip to main content

ReactDataTableComponentConfig

Configures a CustomDetailComponent to be placed in the given location.

Signature
interface ReactDataTableComponentConfig {    tableId: DataTableLocationId;    columnId: DataTableColumnId;    component: ElementType;    props?: Record<string, any>;}

tableId

propertyDataTableLocationId

The location in the UI where the custom component should be placed.

columnId

propertyDataTableColumnId

The column in the table where the custom component should be placed.

component

propertyElementType

The component to render in the table cell. This component will receive the rowItem prop which is the data object for the row, e.g. the Product object if used in the product-list table.

props

propertyRecord<string, any>

Optional props to pass to the React component.

Was this chapter helpful?
Report Issue
Edited Feb 2, 2026·Edit this page