UNPKG

@bi8/am-data-table

Version:

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

76 lines (56 loc) 2.25 kB
# 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](https://github.com/angular/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 ```typescript 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](https://www.npmjs.com/package/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](https://medium.com/@ngl817/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e)