@maherunlocker/custom-react-table
Version:
**Custom-react-table** is based on <code>React-Table v7</code>: collection of hooks for **building powerful tables and datagrid experiences**. These hooks are lightweight, composable, and ultra-extensible, but **do not render any markup or styles for you*
38 lines (37 loc) • 1.58 kB
TypeScript
import './index.css';
import { customColumnProps } from 'react-table';
import React from 'react';
export interface DynamicTableProps {
url?: string;
onClick?: (row: any) => void;
setDataIsUpdated?: React.Dispatch<React.SetStateAction<boolean | number>>;
dataIsUpdated?: boolean | number;
name?: string;
minHeight?: number | string;
maxHeight?: number | string;
canGroupBy?: boolean;
canSort?: boolean;
canSelect?: boolean;
setSelectedRows?: React.Dispatch<React.SetStateAction<any[]>>;
canResize?: boolean;
showGlobalFilter?: boolean;
showFilter?: boolean;
showColumnIcon?: boolean;
canExpand?: boolean;
canDeleteOrDuplicate?: boolean;
elevationTable?: number;
filterActive?: boolean;
actionColumn?: React.ReactNode;
customJsxSideFilterButton?: React.ReactNode;
arrayOfCustomColumns?: customColumnProps[] | undefined;
setLocalFilterActive?: React.Dispatch<React.SetStateAction<boolean>>;
}
declare type DataType = {
[key: string]: any;
};
export declare type apiResultProps = {
structure: string[];
data: DataType[];
};
export declare function DynamicTable({ url, name, actionColumn, canGroupBy, canSort, canResize, canExpand, canSelect, showGlobalFilter, showFilter, showColumnIcon, canDeleteOrDuplicate, arrayOfCustomColumns, filterActive, setLocalFilterActive, customJsxSideFilterButton, onClick, elevationTable, setSelectedRows, setDataIsUpdated, dataIsUpdated, minHeight, maxHeight, }: DynamicTableProps): React.ReactElement;
export {};