Skip to main content

ReactDataTableComponentConfig

ReactDataTableComponentConfig​

@vendure/admin-uiregister-react-data-table-component.ts

Configures a CustomDetailComponent to be placed in the given location.

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

tableId​

property
DataTableLocationId

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

columnId​

property
DataTableColumnId

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

component​

property
ElementType

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​

property
Record<string, any>

Optional props to pass to the React component.