Next Planet of Monkeys

    momentum-table
    TypeScript icon, indicating that this package has built-in type declarations

    1.9.9 • Public • Published

    MomentumTable

    MomentumTable is material based rich DataTable component for Angular. It is based on material DataTable guidline.

    Demo

    Documentation

    Features

    • Searching
    • Sorting
    • Row Selection (Single, Multi, Checkbox)
    • Expandable Row
    • Pagination
    • Cell Templates(header, body, footer)
    • Editing(inline/template)
    • Empty Row templating
    • Column Toggling
    • Export CSV
    • Card Header and Footer(with template support)

    Installation

    Install MomemtumTable via npm

    npm install momentum-table --save

    Dependency

    MomentumTable is dependent on angular material.

    If you don't have material please refer getting started guide of angular material.

    Usage

    After installing from npm, include MomentumTableModule in your application Module.

    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    
    import { AppComponent } from './app.component';
    import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
    import {MomentumTableModule} from 'momentum-table';
    
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        BrowserModule,
        BrowserAnimationsModule,
        MomentumTableModule,
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

    Note : BrowserAnimationsModule or NoopAnimationModule is required.

    Basic use of table in component :

    import { Component } from '@angular/core';
    
    @Component({
      selector: 'app',
      template: `
        <m-table [value]=countries>
        	<m-column field="country" header="Country"></m-column>
      		<m-column field="population" header="Population"></m-column>
      		<m-column field="capital" header="Capital"></m-column>
      		<m-column field="continent" header="Continent"></m-column>
        </m-table>
      `
    })
    export class AppComponent {
      countries = [
            {'country': 'Afghanistan', 'population': 35530081, 'capital': 'Kabul', 'continent': 'Asia'},
            {'country': 'India', 'population': 1339180127, 'capital': 'New Delhi', 'continent': 'Asia'},
            {'country': 'France', 'population': 64979548, 'capital': 'Paris', 'continent': 'Europe'},
            {'country': 'Germany', 'population': 82114224, 'capital': 'Berlin', 'continent': 'Europe'},
            {'country': 'Austria', 'population': 8735453, 'capital': 'Vienna', 'continent': 'Europe'}
          ];
    }

    For all features please follow documentation

    Documentation and Demo

    Demo

    documentation

    Install

    npm i momentum-table

    DownloadsWeekly Downloads

    37

    Version

    1.9.9

    License

    MIT

    Unpacked Size

    1.15 MB

    Total Files

    27

    Last publish

    Collaborators

    • krish22