Class Table

packages/compat/src/Table.ts:174–1196

* @class * * ### Overview * * The `ui5-table` component provides a set of sophisticated and convenient functions for responsive table design. * It provides a comprehensive set of features for displaying and dealing with vast amounts of data. * * To render the `Table` properly, the order of th

 * @deprecated Deprecated as of version 2.12.0, use `@ui5/webcomponents/dist/Table.js` instead.
 */
@customElement({
	tag: "ui5-table",
	fastNavigation: true,
	styles: tableStyles,
	renderer: jsxRenderer,
	template: TableTemplate,
})
/** Fired when a row in `Active` mode is clicked or `Enter` key is pressed.
 * @param {HTMLElement} row the activated row.
 * @public
 */
@event("row-click", {
	bubbles: true,
})

/**
 * Fired when `ui5-table-column` is shown as a pop-in instead of hiding it.
 * @param {Array} poppedColumns popped-in columns.
 * @since 2.0.0
 * @public
 */
@event("popin-change", {
	bubbles: true,
})

/**
 * Fired when the user presses the `More` button or scrolls to the table's end.
 *
 * **Note:** The event will be fired if `growing` is set to `Button` or `Scroll`.
 * @public
 * @since 2.0.0
 */
@event("load-more", {
	bubbles: true,
})

/**
 * Fired when selection is changed by user interaction
 * in `SingleSelect` and `MultiSelect` modes.
 * @param {Array} selectedRows An array of the selected rows.
 * @param {Array} previouslySelectedRows An array of the previously selected rows.
 * @public
 * @since 2.0.0
 */
@event("selection-change", {
	bubbles: true,
})
class Table extends UI5Element {
	eventDetails!: {
		"row-click": TableRowClickEventDetail,
		"popin-change": TablePopinChangeEventDetail,
		"load-more": void,
		"selection-change": TableSelectionChangeEventDetail,
	}

	/**
	 * Defines the text that will be displayed when there is no data and `hideNoData` is not present.
	 * @default undefined