Miss any of our Open RFC calls?Watch the recordings here! »

data-table-kit

1.0.5 • Public • Published

data-table-kit

Create data tables in your Angular apps.
Samples Builder

Features

  • Sort Columns
  • Resize Columns
  • Paginate
  • Group Columns
  • Hieararchical Tables
  • Buffered Fetch

Usage

This is a Node.js module available through the npm registry. Installation is done using the npm install command:

$ npm install data-table-kit --save

After installing add module to your Angular module file

Angular Module

import { DataTableKitModule } from 'data-table-kit';
 
@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...
    DataTableKitModule
  ],
  ...
})
 

Component Template

<data-table [tabledata]="<yourdata>" allowResize="true" pagesize="20">
  <div *data-table-column='let row=data; align:"left"; header: "Header"; sort:"code";'>
    {{row?.*field*}}
  </div>
  <div *data-table-column='let row=data; align:"center"; header: ["Multi-Line", "Header"];'>
    {{row?.*field1*}}<br/>
    {{row?.*field2*}}
  </div>
  <div *data-table-column='let row=data; align:"right"; header: "Amount"; groupHeader:"Invoiced Amount"; groupColumns: 3;'>
    {{row?.amount | currency}}
  </div>
  <div *data-table-column='let row=data; align:"right"; header: "Tax";'>
    {{row?.tax | currency}}
  </div>
  <div *data-table-column='let row=data; align:"right"; header: "Total";'>
    {{row?.total | currency}}
  </div>
</data-table>

License

MIT

Install

npm i data-table-kit

DownloadsWeekly Downloads

2

Version

1.0.5

License

MIT

Unpacked Size

658 kB

Total Files

38

Last publish

Collaborators

  • avatar