DataTableCellComponent - Vendure

This type is used to define re-usable components that can render a table cell in a DataTable.

Example

import { DataTableCellComponent } from '@vendure/dashboard';

type CustomerCellData = {
    customer: {
        id: string;
        firstName: string;
        lastName: string;
    } | null;
};

export const CustomerCell: DataTableCellComponent<CustomerCellData> = ({ row }) => {
    const value = row.original.customer;
    if (!value) {
        return null;
    }
    return (
        <Button variant="ghost" render={<Link to={`/customers/${value.id}`} />}>
            {value.firstName} {value.lastName}
        </Button>
    );
};

type DataTableCellComponent<T> = <Data extends T>(context: CellContext<Data, any>) => any