apt

angular-pivot-table

Angular Tree Grid is a simple pivot table built in Angular. If data needs to be grouped by fields then check out this <a href="https://github.com/debabratapatra/ngtreegrid" target="_blank">ngtreegrid</a> Package. If header needs to be fixed/freezed and bo

Showing:

Popularity

Downloads/wk

3

GitHub Stars

5

Maintenance

Last Commit

25d ago

Contributors

0

Package

Dependencies

1

License

MIT

Type Definitions

Built-In

Tree-Shakeable

Yes?

Readme

Angular Pivot Table

Angular Pivot Table is a simple pivot table built in Angular. If data needs to be grouped by fields then check out this ngtreegrid Package. If header needs to be fixed/freezed and body needs to be scrollable then check out this Fix Header Grid Package.

Demo

Click here for demo. This readme is the documentation. Visit my Website to know other packages.

Loading

Please consider a donation if it is useful to you.

Installation

    npm i angular-pivot-table

Usage

Import

Import AngularPivotTableModule Module in your application module.

  import {AngularPivotTableModule} from 'angular-pivot-table';

Add it to your imports array.

    @NgModule({
      imports: [
        AngularPivotTableModule
      ]
    })

Data

Data should look like below.

  source= [
    {'author': 'Deba', 'book': 'Angular'},
    {'author': 'Deba', 'book': 'Physics'},
    {'author': 'Aditya', 'book': 'Angular'}
  ];

Configs

Below are configs that can be set

Table Configurations

FieldTypeDefaultDescription
rowsstringn/aMandatory field. It is name of the column that will be treated as rows
columnsstringn/aMandatory field. It is name of the column that will be treated as columns
data_loading_textstring'Loading...'Loading place holder. This will be displayed when data is empty.
row_class_functionFunctionn/aCallback function for row class. A custom class can be returned which will be added to the row.
cssObjectn/aCss class for icons. See Below
css
FieldTypeDefaultDescription
row_selection_classstringn/aCSS Class for selected row.
header_classstringn/aCSS Class for header.
table_classstringn/aCSS Class for Table.

Example

  configs: any = {
    'rows': 'author',
    'columns': 'book'
  };

HTML

Add below node to your html.

  <db-angular-pivot-table [source]="source" [configs]='configs'></db-angular-pivot-table>

Can I hire you guys?

Yes. Please contact us at debabratapatra12@gmail.com for any professional support. We will be happy to work with you!

License

This project is licensed under the MIT license.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Tutorials

No tutorials found
Add a tutorial