j-ng2-table
v0.0.14
Published
"j-ng2-table is an open source table library designed for angular 2 that supports a lot of features such as pinning, toggleing, sorting, filtering"
Downloads
7
Maintainers
Readme
j-ng2-table
j-ng2-table is an open source table library designed for angular 2 that supports a lot of features such as pinning, toggleing, sorting, filtering, paging ... etc
##NPM Install:
npm install j-ng2-table
##Importing: important: please import font awesome
app.module.ts
import { AppComponent } from './app.component';
import { JNG2TableComponent } from 'j-ng2-table/j-ng2-table.component';
@NgModule({
declarations: [
AppComponent,
JNG2TableComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
your-component.component.html
<j-ng2-table [data]="data" [options]="options"></j-ng2-table>
your-component.component.ts
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
options = {
itemsPerPage : 10
};
data = [
{"name":"Ram", "email":"[email protected]", "age":23},
{"name":"Shyam", "email":"[email protected]", "age":28},
{"name":"John", "email":"[email protected]", "age":33},
{"name":"Bob", "email":"[email protected]", "age":41}
];
}
###Options: itemsPerPage: Number of rows per page