synapse-react-client/dist/components/TanStackTable/StyledTanStackTable.d.ts

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { StyledTableContainerProps } from '@/components/styled/StyledTableContainer';
import { Row, Table } from '@tanstack/react-table';
import { TableBodyProps } from './TableBody';
import { StyledTanStackTableSlotProps, StyledTanStackTableSlots } from './types';
export type StyledTanStackTableProps<TData = unknown, TRowType = Row<TData>> = {
    table: Table<TData>;
    styledTableContainerProps?: StyledTableContainerProps;
    fullWidth?: boolean;
    /**
     * When true, uses `table-layout: auto` so the browser sizes columns to fit their content.
     * Column sizes from TanStack act as minimum widths, and columns expand to fit wider content.
     * Resizing still works — dragging a column sets a new minimum width.
     * Defaults to false (fixed layout).
     */
    autoColumnSizing?: boolean;
    slots?: StyledTanStackTableSlots<TData, TRowType>;
    slotProps?: StyledTanStackTableSlotProps<TData, TRowType>;
} & Pick<TableBodyProps<TData, TRowType>, 'rows' | 'rowTransform'>;
/**
 * Component that renders a styled table using @tanstack/react-table. Pass your table instance into the component and
 * it will render the table with the appropriate headers and rows.
 */
export default function StyledTanStackTable<TData = unknown, TRowType = Row<TData>>(props: StyledTanStackTableProps<TData, TRowType>): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=StyledTanStackTable.d.ts.map