Angular Material Data Table

ng update @angular/cli --migrate-only --from=1.7.4 ng update @angular/core yarn add ng-packagr yarn add @angular/material yarn add core-js yarn add @angular/flex-layout yarn add lodash yarn add material-design-icons yarn add roboto-fontface yarn add zone.js yarn add ts-node yarn add tsickle yarn add tslib yarn add @angular/compiler-cli yarn add rxjs-compat

AmDataTable is a simple library used to display tabular data

Please note that this is a Proof of Concept library and not meant for production use and that the API can change at any time.

Version 5.0 is a update to the way the library gets build as well as depending on Angular5.

This project was generated with Angular CLI version 1.5.0.

Installation

To install ADataTable in your project, simply do

npm i @bi8/am-data-table

AmDataTable depends on/uses @bi8/am-storage and @bi8/am-logger

Configuration

Import the AmDataTableModule

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { AmDataTable } from "@bi8/am-data-table";

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AmDataTableModule,
  ],
  entryComponents: [],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Build

Run npm i to install all the dependencies. To create the bundle/distribution, run npm run packagr which will do a new release under the dist folder.

Project Layout

This is basically a CLI generated application with the addition of ng-packagr to create the distribution bundle. The app component imports the AmStorageModule that is located under the modules directory. Only the module is packaged an not the whole example project.

Please see Nikolas LeBlanc's article: Building an Angular 4 Component Library with the Angular CLI and ng-packagr