Skip to content

An Angular v8 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

RootedGlobal/ngx-data-table

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Angular 4 Data Table

This is fork of package [https://github.com/ggmod/angular-2-data-table] (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 @rootedglobal/ngx-data-table --save

Production (Minification)

Some times this can cause problems.
To fix it use import like this

import { DataTableModule } from '@rootedglobal/ngx-data-table';

and for production build use

ng build --prod --aot=false

Added numerical pagination support with 2 next and previous links

Developers Guide

Clone the repository $ git clone https://github.com/rootedglobal/ngx-data-table.git

$ cd ngx-data-table
$ npm i
$ npm run build

Licensing

MIT License

About

An Angular v8 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%