browsepedia-table-toolkit

A set of Angular 7 components built with Angular Material with the purpose of displaying and filtering tables.

Usage no npm install needed!

<script type="module">
  import browsepediaTableToolkit from 'https://cdn.skypack.dev/browsepedia-table-toolkit';
</script>

README

Browsepedia Angular Table Toolkit

A set of Angular 7 components built with Angular Material with the purpose of displaying and filtering tables.

Demo project here

1. Installation

The npm Package

npm install --save browsepedia-table-toolkit

2. Import an Angular Material theme into your styles.css file (example bellow)

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

Import the Material Icons in index.html

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Please note that the browsepedia-table-toolkit installs the following packets

"@angular/common": "^7.2.0",
"@angular/core": "^7.2.0",
"@angular/animations": "^7.2.5",
"@angular/cdk": "^7.3.2",
"@angular/material": "^7.3.2"

3. Import the TableToolkitModule

In your app.module.ts (or, if following this pattern, your shared.module.ts - in this case remember to also export it)

imports: [
    ...
    TableToolkitModule
 ]

You now have access to all the components that this library exposes

Please refer to the documentation to see how to use the components that this library offers.