# 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](https://stackblitz.com/edit/angular-m3yj64)
## 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](https://www.w3schools.com/cssref/css_colors.asp) |
## Usage
* Register the `AngularDataTableModule` in module.
```typescript
import { AngularDataTableModule } from 'angular-data-table-library';
@NgModule({
declarations: [],
imports: [ AngularDataTableModule],
providers: [],
bootstrap: []
})
export class AppModule {}
```
* Use of component via selector 'ang-data-table'.
```typescript
@Component({
selector: 'angDataTable',
template: ``,
})
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](https://tldrlegal.com/license/mit-license) © [Vishal Hasnani](https://github.com/Hasnanivishal)
**Thanks for Installing**
> Conatct me for any suggestion/issues -> hasnanivishal@gmail.com