node package manager
Orgs are free. Discover, share, and reuse code in your team. Create a free org ยป

angular-4-data-table

Angular 4 Data Table

It is fork of this package https://github.com/ggmod/angular-2-data-table

A simple Angular 4 data table, with built-in solutions for features including:

  • pagination
  • sorting
  • row selection (single/multi)
  • expandable rows
  • column resizing
  • selecting visible columns

The component can be used not just with local data, but remote resources too: for example if the sorting and paging happen in the database.

The templates use bootstrap CSS class names, so the component requires a bootstrap .css file to be present in the application using it.

Check out the demo and its code for examples of how to use it.

Demo for pagination with seperate page numbers will be added soon

Installing:

npm install angular-4-data-table --save

Prodaction (Minification)

Some times can be some problam with it. to fix it use import like this

import { DataTableModule } from 'angular-4-data-table/src/index';

add in .angular-cli.json

"scripts": [ "../node_modules/angular-4-data-table/dist/index.js" ],

and for prodaction build use

ng build --prod --aot=false

### Added numerical pagination support with 2 next and previous links

Licensing

MIT License