@ackplus/react-tanstack-data-table
Version:
A powerful React data table component built with MUI and TanStack Table
30 lines (29 loc) • 1.14 kB
TypeScript
import { ColumnDef, RowData, Column } from '@tanstack/react-table';
import { ColumnFilterRule } from '../features';
export declare const DEFAULT_SELECTION_COLUMN_NAME = "_selection";
export declare const DEFAULT_EXPANDING_COLUMN_NAME = "_expanding";
declare module '@tanstack/table-core' {
interface ColumnDefBase<TData extends RowData, TValue> {
type?: 'boolean' | 'number' | 'date' | 'select' | 'text';
options?: {
label: string;
value: string;
}[];
align?: 'left' | 'center' | 'right';
filterable?: boolean;
hideInExport?: boolean;
editComponent?: React.ComponentType<{
value: any;
onChange: (value: any) => void;
filter: ColumnFilterRule;
column: Column<TData, TValue>;
}>;
filterComponent?: React.ComponentType<{
value: any;
onChange: (value: any) => void;
filter: ColumnFilterRule;
column: Column<TData, TValue>;
}>;
}
}
export type DataTableColumn<TData extends RowData, TValue = unknown> = ColumnDef<TData, TValue> & {};