@ackplus/react-tanstack-data-table
Version:
A powerful React data table component built with MUI and TanStack Table
35 lines • 1.18 kB
TypeScript
/**
* DataTableRow Component
*
* Renders individual table rows with support for:
* - Column pinning
* - Row expansion
* - Hover effects
* - Striped styling
*/
import { TableRowProps, TableCellProps, SxProps } from '@mui/material';
import { Row } from '@tanstack/react-table';
import { ReactNode, ReactElement } from 'react';
export interface DataTableRowProps<T> extends TableRowProps {
row: Row<T>;
enableHover?: boolean;
enableStripes?: boolean;
isOdd?: boolean;
renderSubComponent?: (row: Row<T>) => ReactNode;
disableStickyHeader?: boolean;
onRowClick?: (event: React.MouseEvent<HTMLTableRowElement>, row: Row<T>) => void;
selectOnRowClick?: boolean;
cellProps?: TableCellProps;
expandedRowProps?: TableRowProps;
expandedCellProps?: TableCellProps;
containerSx?: SxProps;
expandedContainerSx?: SxProps;
slots?: Record<string, any>;
slotProps?: Record<string, any>;
[key: string]: any;
}
/**
* Individual table row component with cell rendering and expansion support
*/
export declare function DataTableRow<T>(props: DataTableRowProps<T>): ReactElement;
//# sourceMappingURL=data-table-row.d.ts.map