angular-data-table-library

Angular DataTable

• Component for creating data table for array of objects.
• It is developed using Angular >=7.0.0 and its newly introduced ng g library schematics.
• Library location: projects/angular-data-table directory of this repository.

Examples/Demo

Live Demo Example

Installation

npm i angular-data-table-library

API

import { AngularDataTableModule } from 'angular-data-table-library'
selector: ang-data-table

@Inputs()

Input	Type	Required	Description
data	object	YES	array of objects that need to be shown in the data table .
itemPerPage	number	Optional, default: 12	items to be shown on each page.
color	string	Optional, default: Black	set color of table header and button, color list

Usage

• Register the AngularDataTableModule in module.

import { AngularDataTableModule } from 'angular-data-table-library';
 
@NgModule({
 declarations: [],
 imports: [ AngularDataTableModule],
 providers: [],
 bootstrap: []
})
export class AppModule {}

• Use of component via selector 'ang-data-table'.

 
@Component({
  selector: 'angDataTable',
  template: `<ang-data-table [data]='data' [itemPerPage]='dataPerPage' [color]='color'>`,
})
export class AppComponent {
 
  ngOnInit() {
    let data = {
          [key1: value, key2: value],
          [key1: value, key2: value],
          [key1: value, key2: value]
      } 
    let dataPerPage = 6;
    let color = 'Blue';
  }
}
 

Test

Run tests

npm test

License

MIT © Vishal Hasnani

Thanks for Installing

Conatct me for any suggestion/issues -> [e-mail]