/edit-table

smart table component for bootstrap/angular

Primary LanguageTypeScript

Edit Table

Edit objects in array in very nice way.

table view

import it

    import { EditTableModule } from 'edit-table/browser';

include it

  ...
  imports: [EditTableModule]
  ...

use in html

  <edit-table
    [headers]="[ 
      ['Name', 'key1', 'Enter your name... ', undefined],
      ['Is awesome', 'key2', true, 100]
    ]"
      
    [rows]="[
      { key1: 'Me', key2: false },
      { key1: 'Other', key2: true }
    ]">
  </edit-table>

In you angular component:

headers: [  'Heder name'  ,  'key_in_object',  String (placeholder) or Boolean  (checkbox), width in px ]

local development

npm i -g firedev
cd edit-table
firedev start:watch