@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
24 lines (23 loc) • 4.44 kB
TypeScript
import type { AnalyticalTableColumnDefinition, AnalyticalTableDomRef, AnalyticalTablePropTypes, CellInstance, DivWithCustomScrollProp, ReactTableHooks, TableInstance } from './types/index.js';
/**
* The `AnalyticalTable` provides a set of convenient functions for responsive table design, including virtualization of rows and columns, infinite scrolling and customizable columns that will, unless otherwise defined, distribute the available space equally among themselves.
* It also provides several possibilities for working with the data, including sorting, filtering, grouping and aggregation.
*
* __Note:__ Some features listed below have technical limitations, lack a defined design specification, or should be enabled by default to align with UXC guidelines:
*
*| Function / Feature | Reason |
*|---------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
*| `useF2CellEdit` plugin hook | To mimic the `sap.ui.table` edit-mode and tabbing behavior, use the `useF2CellEdit` plugin hook. |
*| No sticky columns/rows | Not supported due to technical limitations. |
*| Pop-in behavior | The `sap.ui.table` doesn’t support pop-in behavior (unlike `sap.m.Table`); it’s unclear whether this should be part of the design. |
*| `visibleRowCountMode: "Auto"` | `"AutoWithEmptyRows"` is preferred. `"Auto"` mode can lead to inconsistent table heights depending on the container. |
*| `alwaysShowBusyIndicator` | Should generally be `true`, only if loading times are over 1 second, the default skeleton loading indicator is sufficient: [Fiori Skeleton Loading](https://www.sap.com/design-system/fiori-design-ios/ui-elements/patterns/skeleton-loading/?external). |
*| `scaleWidthMode` | Only the default mode is available out of the box for the `sap.m.Table`; similar behavior to the `"Grow"` mode can be achieved in `sap.ui.table` using `autoResizeColumn`. |
*| `renderRowSubComponent` | There is no design/UX concept for this functionality. |
*| `useIndeterminateRowSelection` | There is no design/UX concept for this functionality. |
*| `useRowDisableSelection` (deprecated) | Table rows should not be disabled. |
*
*/
declare const AnalyticalTable: import("react").ForwardRefExoticComponent<AnalyticalTablePropTypes & import("react").RefAttributes<AnalyticalTableDomRef>>;
export { AnalyticalTable };
export type { AnalyticalTableColumnDefinition, AnalyticalTableDomRef, AnalyticalTablePropTypes, DivWithCustomScrollProp, TableInstance as AnalyticalTableInstance, CellInstance as AnalyticalTableCellInstance, ReactTableHooks, };