# @jakecyr/pagination-table

> Angular library with pagination table component. All pagination logic is handled for you.

Latest version **0.0.4** (published 2019-11-26) · 0 weekly downloads

## Install

```sh
npm install @jakecyr/pagination-table
pnpm add @jakecyr/pagination-table
yarn add @jakecyr/pagination-table
bun add @jakecyr/pagination-table
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2019-11-26 |
| First published | 2019-11-26 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 79 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Jake Cyr |
| Maintainers | jakecyr |
| Keywords | angular, angular pagination, pagination, angular library |

## Links

- npm: https://www.npmjs.com/package/@jakecyr/pagination-table
- Homepage: https://github.com/jakecyr/angular-pagination-table#readme
- npm.io page: https://npm.io/package/@jakecyr/pagination-table

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Recent versions

- 0.0.4 (latest) — 2019-11-26
- 0.0.3 — 2019-11-26
- 0.0.2 — 2019-11-26
- 0.0.1 — 2019-11-26

## README

# Angular Pagination Component Library

This project contains the source code for an Angular library with a pagination table component. The Angular component handles all pagination logic for you.

## How to use

Install the package from the public npm package repository:

```
npm install @jakecyr/pagination-table --save
```

Import the module into your Angular application module. Example:

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

Replace your current table element with the table pagination component:

```html
<lib-pagination-table
    [data]="[{title: 'Item 1', id: 1}, {title: 'Item 2', id: 2}]"
    [headers]="[{key: 'title', title: 'Title'}, {key: 'id', title: 'ID'}]"
    [perPage]="1"
    tableClasses="table-style"
    (clickRow)="handleClickedRow($event)">
</lib-pagination-table>
```

---
_Source: https://npm.io/package/@jakecyr/pagination-table · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._