DataGridCustomEvent

Since v0.1.1

Custom event type for DataGrid events with typed detail payload.

Primarily useful when you need to declare handler parameters with addEventListener. For most use cases, prefer grid.on() which handles typing automatically.

type DataGridCustomEvent = CustomEvent<DataGridEventMap<TRow>[K]>

Example

// Typed handler for addEventListener
function onCellClick(e: DataGridCustomEvent<'cell-click', Employee>): void {
  const { row, field, value } = e.detail;
  console.log(`Clicked ${field} = ${value} on ${row.name}`);
}
grid.addEventListener('cell-click', onCellClick);

// With grid.on() you don't need this type — it's inferred:
grid.on('cell-click', ({ row, field, value }) => {
  console.log(`Clicked ${field} = ${value} on ${row.name}`);
});

See Also

• DataGridElement.on for the recommended subscription API
• DataGridEventMap for all event types
• DataGridEventDetail for extracting detail type only