ng2-flex-table
Angular2 Table Component with NO DEPENDENCYS
ng2-flex-table is a table grid component for Angular2/4.
Demo
Try it out: http://ng2-flex-table.nicolaszick.com
Data
This table is made for non relational databases where response object not necessary have the same columns:
,
Results in the following headers:
startDate | salary | lastname | detailposition |
---|---|---|---|
2015/08/19 | 208.178 | ||
Pearl Crosby | In PC |
ng2-flex-table is built to handle this type of objects and fits the table to your needs. All available keys will be used as a column and if some object doesnt have it, the cell with be left empty but can be edited by inline editing.
(outEvent)
will give you the changed Object if some attribute has changed or tabled got initiated.
Installation
Install ng2-flex-table via npm
npm install ng2-flex-table --save
Integration
// app.module.ts; // app.component.htmlng2-flex-table ="data" ="tableEvent($event)"/ng2-flex-table
Adjust the table height to your needs like this:
Run Included Demo
git clone https://github.com/nzick/ng2-flex-table.git --depth 1cd ng2-flex-tablenpm installnpm start
AoT Library Build
npm run build:lib
Licence
This project is licensed under the MIT license. See the LICENSE file for more info.