Getting Started

Last updated 7 months ago

After Installing, include NgxDatatableModule in your application module like:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgxDatatableModule } from '@swimlane/ngx-datatable';
import { AppComponent } from './app.component';
@NgModule({
declarations: [AppComponent],
imports: [NgxDatatableModule, BrowserModule],
bootstrap: [AppComponent]
})
export class AppModule { }

then in your app.component.ts you define a table like:

import { Component } from '@angular/core';
@Component({
selector: 'app',
template: `
<div>
<ngx-datatable
[rows]="rows"
[columns]="columns">
</ngx-datatable>
</div>
`
})
export class AppComponent {
rows = [
{ name: 'Austin', gender: 'Male', company: 'Swimlane' },
{ name: 'Dany', gender: 'Male', company: 'KFC' },
{ name: 'Molly', gender: 'Female', company: 'Burger King' },
];
columns = [
{ prop: 'name' },
{ name: 'Gender' },
{ name: 'Company' }
];
}

and you're off to the races!

For more examples, visit the demos directory in the source code!