Quick start

The easiest way just to use angular-datagrid (opens new window) adaptor.

Install with npm i @revolist/angular-datagrid --save

After just use as a component:

// app.module.ts
 
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";

import { AppComponent } from "./app.component";
import { RevoGridModule } from '@revolist/angular-datagrid';

@NgModule({
  // define component
  declarations: [AppComponent],
  imports: [BrowserModule, RevoGridModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

// app.component.ts

import { Component } from "@angular/core";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  columns = [
    {  name: "Greeting", prop: "name" },
    { prop: "details" }
  ];
  rows = [{ name: "I am", details: "Angular" }, { name: "Hello", details: "Angular" }];
}

<!-- app.component.html -->
<revo-grid [source]="rows" [columns]="columns" theme="material"></revo-grid>

Check Sandbox (opens new window) for real live sample. Use Repo (opens new window) as a started if you wish.