import { TableProps } from '.';
import { default as log } from 'loglevel';
declare const logger: log.Logger;
export { logger as tableLogger };
/**
* The Table is used to organize and display data within rows and columns.
* It comes with built in pagination. The `id` column in data is required.
*
* @example
const columns = [
{
Header: "name header",
accessor: "name",
},
{
Header: "other header",
accessor: "other",
},
];
const [data, setData] = useState([
{ id: 1, name: "sir Fred", other: "Lorem Ipsum" },
{ id: 2, name: "sir Daniel", other: "Lorem Ipsum" },
{ id: 3, name: "madam Tif", other: "Lorem Ipsum" },
{ id: 4, name: "madam Hailey", other: "Lorem Ipsum" },
{ id: 5, name: "intersex Alex", other: "Lorem Ipsum" },
{ id: 6, name: "androgynous Skyler", other: "Lorem Ipsum" },
{ id: 7, name: fancy Frank, other: "Lorem Ipsum" },
]);
return (
{
callApi().then(updatedData => setData(updatedData));
}}
/>);
*
* @see https://design.avayacloud.com/components/web/tables-web
*/
export declare const Table: {
>({ id, data: originalData, columns: originalColumns, caption, summary, itemsPerPageOptions, defaultSelectedRowIds, initialStatePageIndex, initialStatePageSize, allowToggleColumnVisibility, containerClassName, customActionsNode, handleCreate, handleDelete, handleEdit, handleRefresh, handleSearch, handleShowColumnsFilter, handleRowToggled, handlePageChange, allFilters, readonly, rowHeight, selectableRows, manualPagination: overridePagination, manualRowCount, manualColumnFilters, onApplyFilterValue, onCancelFilterValue, manualSortBy, onManualSortBy, showPagination, draggableRows, onDragStart, onDragEnd, onDragCancel, resizableColumns, pushPaginationDown, showRowSeparator, showRowHeightMenu, showRowSelectionHelper, showSearch, translations, renderInsetTable, ...rest }: TableProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};