angular-pivot-table/angular-pivot-table.metadata.json

Angular Pivot Table 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

{"__symbolic":"module","version":4,"metadata":{"AngularPivotTableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ɵprov":{}}},"AngularPivotTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"db-angular-pivot-table","template":"<table [attr.class]=\"'db-table-view' + configs.css.table_class\">\n    <thead>\n        <tr>\n            <th class=\"header-corner\">\n                <table class=\"header-corner\">\n                    <tr>\n                        <td class=\"corner-top\">{{configs.columns}}</td>\n                    </tr>\n                    <tr>\n                        <td class=\"corner-bottom\">{{configs.rows}}</td>\n                    </tr>\n                </table>\n            </th>\n            <th *ngFor=\"let header of processed_headers\">\n                {{header}}\n            </th>\n            <th>\n                Total\n            </th>\n        </tr>\n    </thead>\n\n    <tbody>\n        <tr *ngFor=\"let row of processed_data\">\n            <td *ngFor=\"let col of row\">\n                {{col}}\n            </td>\n        </tr>\n    </tbody>\n</table>","styles":[".db-table-view{line-height:1.5em;border-collapse:collapse;border-spacing:0;display:table;max-width:100%;overflow:auto;word-break:normal;word-break:keep-all;border:1px solid grey;color:#4b4b4b}.db-table-view table.header-corner{width:100%;border-collapse:collapse}.db-table-view table.header-corner td{font-weight:400}.db-table-view table.header-corner td.corner-top{border-width:0 0 1px}.db-table-view table.header-corner td.corner-bottom{border-width:0}.db-table-view tbody tr td:first-child{font-weight:600}.db-table-view tr.selected{background-color:#e2e7eb}.db-table-view tr th{font-size:1rem;font-weight:600;line-height:1.25;color:#181818;border:1px solid #cdd5dc;vertical-align:middle;position:relative;box-sizing:border-box;padding:.5rem}.db-table-view tr th.header-corner{padding:0}.db-table-view tr td{border:1px solid #cdd5dc;vertical-align:middle;position:relative;padding:.5rem;box-sizing:border-box}"]}]}],"members":{"source":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"configs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"validateConfigs":[{"__symbolic":"method"}],"setDefaultConfigs":[{"__symbolic":"method"}]}},"AngularPivotTableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AngularPivotTableComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"AngularPivotTableComponent"}]}]}],"members":{}}},"origins":{"AngularPivotTableService":"./lib/angular-pivot-table.service","AngularPivotTableComponent":"./lib/angular-pivot-table.component","AngularPivotTableModule":"./lib/angular-pivot-table.module"},"importAs":"angular-pivot-table"}