# absolute-table-pagination

> absolute-table-pagination

Latest version **2.9.0** (published 2020-11-11) · 0 weekly downloads

## Install

```sh
npm install absolute-table-pagination
pnpm add absolute-table-pagination
yarn add absolute-table-pagination
bun add absolute-table-pagination
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.9.0 |
| Published | 2020-11-11 |
| First published | 2020-11-06 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 86.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | sathyaraj kandasamy |
| Maintainers | sathyaraj_kandasamy |

## Links

- npm: https://www.npmjs.com/package/absolute-table-pagination
- npm.io page: https://npm.io/package/absolute-table-pagination

## Dependencies (1)

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

## Recent versions

- 2.9.0 (latest) — 2020-11-11
- 2.8.0 — 2020-11-11
- 2.7.0 — 2020-11-11
- 2.6.0 — 2020-11-09
- 2.5.0 — 2020-11-09
- 2.4.0 — 2020-11-09
- 2.3.0 — 2020-11-09
- 2.2.0 — 2020-11-09
- 2.0.0 — 2020-11-09
- 1.1.0 — 2020-11-09
- 1.0.0 — 2020-11-09
- 0.1.3 — 2020-11-08
- 0.1.2 — 2020-11-08
- 0.1.1 — 2020-11-08
- 0.1.0 — 2020-11-08
- … 9 more at https://npm.io/package/absolute-table-pagination/versions

## README

# absolute-table-pagination

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.6.

Author: [Sathyaraj Kandasamy](https://sathya-me.netlify.app/)

##Code Implementation
You can install this package locally with npm.

```js
npm install absolute-table-pagination --save
```
 
##To import in the module
```js
import { AbsoluteTablePaginationModule } from 'absolute-table-pagination';

@NgModule({
  imports: [
    AbsoluteTablePaginationModule
  ]
})
```

##Implement in HTML file
```js
<absolute-table-pagination  [data]="JsonData" [rowCount]="RowCount" (slicedData)="setTableData($event)"></absolute-table-pagination>
```
##Implement in TS file
```js
import { ChangeDetectorRef } from '@angular/core';

export class AppComponent {
    JsonData = [] //entire array of json data
    RowCount = 10; //no of rows to be displayed in table
    TableData : any; //to be binded with table for rows

    constructor(private cref: ChangeDetectorRef) {}

    setTableData(data: any) {
        this.TableData = data; //sliced table data based on the page number selected
        this.cref.detectChanges();
    }
}
```
Output

<!-- <p align="center">
  <img alt="absolute-table-pagination" title="Absolute Table Pagination" src="https://mycloudstorage.netlify.app/assets/library/absolute-table-pagination1.jpg">
</p> -->

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

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