gp-grid-logo
Examples

Selection

Cell and range selection in Angular

Selection

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 = [/* ... */];
}