@dccs/react-table-plain
Version:
A NPM package that helps creating HTML tables in a React-way.
44 lines (43 loc) • 2.61 kB
TypeScript
import * as React from "react";
import { TableProps, IColDef } from ".";
interface IState {
filter: any;
showSubComponent: object;
}
export declare class TablePlain extends React.Component<TableProps, IState> {
state: {
filter: object;
showSubComponent: {};
};
get rootElement(): string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
get rowElement(): string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
get cellElement(): string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
get headerCellElement(): string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
get headerElement(): string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
get bodyElement(): string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
get footerElement(): string | number | true | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment;
get hasFooter(): boolean;
get isFilterable(): boolean;
get filter(): object;
render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
renderRoot: (children: React.ReactNode) => JSX.Element;
renderData(colDef: IColDef[], data: any[]): JSX.Element;
getSelectedRowProps(data: any): false | object;
onClickCalls(data: any): void;
renderRow(colDef: IColDef[], data: any, key: number): JSX.Element[];
renderCell(colDef: IColDef, data: any, idx: number, props?: object): JSX.Element;
renderHeader(colDef: IColDef[]): JSX.Element;
renderHeaderCell(colDef: IColDef, idx: number, props?: object, totalWidth?: number): JSX.Element;
renderFilter(colDef: IColDef): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
renderFooter(colDef: IColDef[], data: any[]): JSX.Element;
renderFooterCell(colDef: IColDef, data: any[], idx: number): JSX.Element;
renderExpansionIndicator(expanded: boolean): JSX.Element;
generateColDef(data: any[]): IColDef[];
handleChangeSort: (orderBy: string) => void;
handleFilterChange: (orderBy: string, value: any) => void;
handleExpansionClick: (e: React.MouseEvent, key: number) => void;
private toggleSubmenu;
private alignToCss;
private ellipsisToCss;
}
export {};