DataTable

Home > @backstage/canon > DataTable

DataTable component for displaying tabular data with pagination

Signature:

DataTable: {
    Root: <TData>(props: {
        table: TanstackTable<TData>;
    } & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
    Pagination: import("react").ForwardRefExoticComponent<import(".").DataTablePaginationProps & import("react").RefAttributes<HTMLDivElement>>;
    Table: import("react").ForwardRefExoticComponent<import(".").DataTableTableProps & import("react").RefAttributes<HTMLTableElement>>;
    TableRoot: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
    TableHeader: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
    TableBody: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableSectionElement> & import("react").RefAttributes<HTMLTableSectionElement>>;
    TableRow: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;
    TableCell: import("react").ForwardRefExoticComponent<import("react").TdHTMLAttributes<HTMLTableCellElement> & import("react").RefAttributes<HTMLTableCellElement>>;
    TableCellText: import("react").ForwardRefExoticComponent<import("../Table").TableCellTextProps & import("react").RefAttributes<HTMLDivElement>>;
    TableCellLink: import("react").ForwardRefExoticComponent<import("../Table").TableCellLinkProps & import("react").RefAttributes<HTMLDivElement>>;
    TableCellProfile: import("react").ForwardRefExoticComponent<import("../Table").TableCellProfileProps & import("react").RefAttributes<HTMLDivElement>>;
    TableHead: import("react").ForwardRefExoticComponent<import("react").ThHTMLAttributes<HTMLTableCellElement> & import("react").RefAttributes<HTMLTableCellElement>>;
}