Beta version. Component may contains some issues, but feel free to add it to your page!
DEMO
This table always will be easy to add to every page.
Installation
npm install ng2-easy-table
app.component.ts
///;;;; bootstrapApp, ;
config-service.ts:
;
Available config settings:
field | type | options | example |
---|---|---|---|
searchEnabled | bool | true false | public searchEnabled = true; |
exportEnabled | bool | true false | public exportEnabled = true; |
orderEnabled | bool | true false | public orderEnabled = true; |
paginationEnabled | bool | true false | public paginationEnabled = true; |
globalSearchEnabled | bool | true false | public globalSearchEnabled = true; |
resourceUrl | string | public resourceUrl = "api/v1/persons.json"; | |
rows | int | public rows = 10; |
If you have problem displaying table, check systemsj.config.js
configuration
{ // map tells the System loader where to look for things var map = 'app': 'app' // 'dist', 'rxjs': 'node_modules/rxjs' 'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api' '@angular': 'node_modules/@angular' 'ng2-easy-table': 'node_modules/ng2-easy-table/dist' ; // packages tells the System loader how to load // when no filename and/or no extension var packages = 'app': main: 'index.component.js' defaultExtension: 'js' 'rxjs': defaultExtension: 'js' 'angular2-in-memory-web-api': defaultExtension: 'js' 'ng2-easy-table': format: 'register' defaultExtension: 'js' dist: format: 'register' defaultExtension: 'js' ; var packageNames = '@angular/common' '@angular/compiler' '@angular/core' '@angular/http' '@angular/platform-browser' '@angular/platform-browser-dynamic' '@angular/router' '@angular/router-deprecated' '@angular/testing' '@angular/upgrade' ; // add package entries for angular packages in the form // '@angular/common': { main: 'index.js', defaultExtension: 'js' } packageNames; var config = map: map packages: packages ; // filterSystemConfig - index.html's chance // to modify config before we register it. if globalfilterSystemConfig global; System; }this;
run tests by typing:
npm test