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


Angular 4 Data Table

It is fork of this package

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


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


MIT License