node package manager
Loosely couple your services. Use Orgs to version and reuse your code. Create a free org »


NG2TableView npm version

NG2TableView for Angular2 apps.

Table component with sorting, filtering, paging, custom cell template, nested values bind ... for Angular2. inspired by ng2-table

Usage & Demo

Getting Started

Make sure you have Nodejs

Best way to install NG2TableView is through npm

npm i NG2TableView --save

Or, you can download it in a ZIP file.


import module in yours AppModule:

import {Ng2TableViewModule} from "NG2TableView";
    imports: [Ng2TableViewModule, ...],
export class AppModule {


  import {TableView} from "NG2TableView";
  import {Component, OnInit} from '@angular/core';
  import {PageTableColumns} from "./cols/columns";
  import {Route, ActivatedRoute} from "@angular/router";
      selector: "demo-page",
      template: require('./page.html')
  export class Page extends TableView implements OnInit {
      constructor(private route: ActivatedRoute) {
      ngOnInit() {


export const PageTableColumns:Array<ColumnIfc> = new TableColumns()
    .addCol(new TableColumn()
    .addCol(new TableColumn()
        .setTitle("Editable name ")

page.html (template)

<div class="page">
    <md-content layout-padding>
        <div layout-gt-sm="row">
            <md-input type="text"
                      placeholder="filter by index"
        <ng2TableView [config]="tableBuilder"
        <div class="text-center">
            <ngTableViewPaging [config]="tableBuilder"