Class TableVirtualizer

packages/main/src/TableVirtualizer.ts:66–284

* @class * * ### Overview * * The `ui5-table-virtualizer` component is used inside the `ui5-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

 * @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.
 */
@customElement({ tag: "ui5-table-virtualizer" })

/**
 * Fired when the virtualizer is changed by user interaction e.g. on scrolling.
 *
 * @param {number} first The 0-based index of the first children currently rendered
 * @param {number} last The 0-based index of the last children currently rendered
 * @public
 */
@event("range-change")

class TableVirtualizer extends UI5Element implements ITableFeature {
	eventDetails!: {
		"range-change": RangeChangeEventDetail
	}
	/**
	 * Defines the height of the rows in the table.
	 *
	 * **Note:** For virtualization to work properly, this property is mandatory.
	 *
	 * @default 45
	 * @public
	 */
	@property({ type: Number })
	rowHeight = 45;

	/**
	 * Defines the total count of rows in the table.
	 *
	 * **Note:** For virtualization to work properly, this property is mandatory.
	 *
	 * @default 100
	 * @public
	 */
	@property({ type: Number })
	rowCount = 100;

	/**
	 * Defines the count of extra rows to be rendered at the top and bottom of the table.
	 *
	 * **Note:** This property is experimental and may be changed or deleted in the future.
	 *
	 * @default 0
	 * @public
	 */
	@property({ type: Number })
	extraRows = 0;

	readonly identifier = "TableVirtualizer";

	_table?: Table;
	_lastRowPosition: number = 0;
	_firstRowPosition: number = 0;
	_visibleRowCount: number = 0;
	_tabBlockingState: TabBlocking = TabBlocking.None;
	_onRowInvalidateBound: (invalidationInfo: InvalidationInfo) => void;
	_onScrollBound: () => void;