@one-grid/angular

Angular standalone wrapper for @one-grid/web-component.

npm install @one-grid/angular@beta @one-grid/web-component@beta

import { Component } from '@angular/core';
import { OneGridAngularComponent } from '@one-grid/angular';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [OneGridAngularComponent],
  template: `
    <one-grid-angular
      [columnDefs]="columnDefs"
      [rowData]="rowData"
      [pageSize]="20"
      (rowClick)="onRowClick($event)"
    />
  `
})
export class AppComponent {
  columnDefs = [{ field: 'name', headerName: 'Name' }];
  rowData = [{ id: 1, name: 'Shipment A' }];

  onRowClick(event: { data: unknown }) {
    console.log(event.data);
  }
}