@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
21 lines (20 loc) • 1.46 kB
JavaScript
'use client';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
* The `TableVirtualizer` component is used inside the `Table` to virtualize the table rows, if the `overflowMode` property of the table is set to 'Scroll'.
* It is responsible for rendering only the rows that are visible in the viewport and updating them on scroll.
* This allows large numbers of rows to exist, but maintain high performance by only paying the cost for those that are currently visible.
*
* **Note:** The maximum number of virtualized rows is limited by browser constraints, specifically the maximum supported height for a DOM element.
* **Note:** The `TableGroupRow` component is not supported by the virtualizer. Only `TableRow` elements can be virtualized.
*
*
*
* __Note:__ This is a UI5 Web Component! [TableVirtualizer UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/TableVirtualizer) | [Repository](https://github.com/UI5/webcomponents)
*
* @since [2.5.0](https://github.com/UI5/webcomponents/releases/tag/v2.5.0) of __@ui5/webcomponents__.
* @experimental This component is not intended to be used in a productive enviroment. The API is under development and may be changed in the future.
*/
const TableVirtualizer = withWebComponent('ui5-table-virtualizer', ['extraRows', 'rowCount', 'rowHeight'], [], [], ['range-change']);
TableVirtualizer.displayName = 'TableVirtualizer';
export { TableVirtualizer };