Selection (Angular)

Implement cell, row, and range selection in the Angular grid with keyboard shortcuts, multi-select gestures, and clipboard-friendly copy operations today.

This Angular example is being written. See the React selection example for the conceptual model.

selectable-grid.component.ts

import { Component } from "@angular/core";
import { GridComponent, type ColumnDefinition } from "@gp-grid/angular";

@Component({
  selector: "app-selectable-grid",
  standalone: true,
  imports: [GridComponent],
  template: `
    <div style="height: 400px">
      <gp-grid
        [columns]="columns"
        [rowData]="data"
        [rowHeight]="36"
        [selectionEnabled]="true"
      />
    </div>
  `,
})
export class SelectableGridComponent {
  columns: ColumnDefinition[] = [/* ... */];
  data = [/* ... */];
}