Class TableGroupRow

packages/main/src/TableGroupRow.ts:61–118

* @class * * ### Overview * * The `ui5-table-group-row` component represents a group header row in the `ui5-table`. * It is used to visually group rows and spans across all visible table columns. * * ### Usage * * The `ui5-table-group-row` is placed as a direct child of `ui5-table`, alongsi

 * @public
 */
@customElement({
	tag: "ui5-table-group-row",
	styles: [TableRowBase.styles, TableGroupRowCss],
	template: TableGroupRowTemplate,
})
class TableGroupRow extends TableRow {
	@query("#group-cell")
	_groupCell!: TableCell;

	constructor() {
		super();
		Object.defineProperty(this, "cells", {
			get: () => EMPTY_CELLS,
		});
		Object.defineProperty(this, "actions", {
			get: () => EMPTY_ACTIONS,
		});
	}

	isGroupRow(): boolean {
		return true;
	}

	onEnterDOM() {
		super.onEnterDOM();
		this.toggleAttribute("ui5-table-row", true);
		this.setAttribute("aria-roledescription", TableGroupRow.i18nBundle.getText(TABLE_GROUP_ROW));
	}

	get _tableSelection() {
		return undefined;
	}

	get _hasSelector() {
		return false;
	}

	get _isSelectable() {
		return false;
	}

	get _isInteractive() {
		return false;
	}

	get _isNavigable() {
		return false;
	}

	get _hasPopin() {
		return false;
	}

	get _ariaColSpan(): number {
		const colSpan = this._table?.headerRow[0]?._visibleCells.length ?? 1;
		return (this._renderDummyCell) ? colSpan - 1 : colSpan;
	}
}