rowGroupToggled

What does this API do?

Emitted when a row group expands or collapses. Reuse the actual key in detail, not the display label.

API for Pro features: Row grouping, built-in aggregation and group totals

Exact input and result types

rowGroupToggled: { key: string | null; expanded: boolean }

Usage flow

Subscribe with grid.addEventListener('rowGroupToggled', handler). The result is in event.detail, and event names are case-sensitive. Remove subscriptions when disposing of the view.

const controller = new AbortController();
grid.addEventListener('rowGroupToggled', event => {
  console.log(event.detail);
}, { signal: controller.signal });
// On view disposal: controller.abort();

Feature explanations and examples

• Grouping and aggregation

  Row grouping collects source rows with the same region or team into expandable groups. Unlike column groups, which organize headers, row groups change displayed rows and aggregation results.