@devfamily/admiral/lib/admiral/dataTable/DataTable.d.ts

Admiral is a frontend framework for creating back office using React. It provides out-of-the-box components and tools that make developing an admin interface easy and fast.

import React from 'react';
import { ColumnsType, TableLocale, TableProps, Key } from '../ui/Table/interfaces';
import { PaginationLocale } from '../ui/Pagination/interfaces';
import { ControlledSorter } from '../ui/Table/hooks/useSorter';
export declare type DataTableProps<RecordType> = {
    resource: string;
    columns: ColumnsType<RecordType>;
    initialSorter?: ControlledSorter;
    locale?: Partial<{
        table: TableLocale;
        pagination: PaginationLocale & {
            total: (total: number) => string;
        };
    }>;
    config?: DataTableConfig<RecordType>;
    autoupdateTime?: number;
};
export interface DataTableConfig<RecordType> extends Pick<TableProps<RecordType>, 'dndRows' | 'showSorterTooltip' | 'bordered' | 'size' | 'title' | 'footer'> {
    rowSelection?: DataTableRowSelectionConfig<RecordType>;
    autoupdateTime?: number;
}
export declare type DataTableRowSelectionConfig<RecordType> = {
    render: ({ selectedRowKeys, selectedRows, refresh, }: {
        selectedRowKeys: Key[];
        selectedRows: RecordType[];
        refresh: () => void;
    }) => React.ReactNode;
    onSelectionChange?: (selectedRowKeys: Key[], selectedRows: RecordType[]) => void;
};
export declare function DataTable<RecordType extends {
    id: number | string;
}>({ resource, columns, locale, config, autoupdateTime, }: DataTableProps<RecordType>): JSX.Element;