@wild-spirit/angular-datatable v1.1.10

AngularDatatable V 1.0.10

Data tabel plugin. Gives you easy way to integrate Sort, serach, filter and pagination options.

##This package is not maintained. Please check New Version mentioned below:

angular-custom-datatable

installation

npm install @wild-spirit/angular-datatable --save

Importing Module

import { AngularDataTableModule } from '@wild-spirit/angular-datatable'

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
	BrowserModule,
    AngularDataTableModule,
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Adding datatable in HTML

<app-datatable 
  [totalItems]="totalItems" 
  [records]="mappedData" 
  [headers]="headers" 
  [showLinks]="true"
  (onPageChange)="pageChanged($event)" 
  (onPageSizeChange)="updatePageSize($event)"
  (onSearch)="search($event)"
  (onSort)="sort($event)"
  (onFilter)="filterRecord($event)"
  (onReset)="resetAll()"
  (onView)="openModal(ViewTemplate, 1, $event)"
  (onEdit)="openModal(EditTemplate, 2, $event)"
  (onDelete)="openModal(DeleteTemplate, 3, $event)">
</app-datatable>

Further help

Github Repository.