@jakecyr/pagination-table

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

Usage no npm install needed!

<script type="module">
  import jakecyrPaginationTable from 'https://cdn.skypack.dev/@jakecyr/pagination-table';
</script>

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:

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

Replace your current table element with the table pagination component:

<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>