Skip to content

An Angular 2 data table, with pagination (page numbers and optional input field for pages), sorting, expandable rows, row selection etc.

Notifications You must be signed in to change notification settings

khalid-folio3/angular-4-data-table

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Angular 4 Data Table

It is fork of this package [https://github.com/MIt9/angular-4-data-table] (https://github.com/MIt9/angular-4-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 faisal-iqbal/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

About

An Angular 2 data table, with pagination (page numbers and optional input field for pages), sorting, expandable rows, row selection etc.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 100.0%