diff --git a/projects/finance-grid/src/app/finance-grid/finance-grid.component.html b/projects/finance-grid/src/app/finance-grid/finance-grid.component.html index 94a03a2..a6e752c 100644 --- a/projects/finance-grid/src/app/finance-grid/finance-grid.component.html +++ b/projects/finance-grid/src/app/finance-grid/finance-grid.component.html @@ -19,12 +19,12 @@ - +
- {{ val | percent : "1.0-2" }} + {{ val | percent : "1.2-2" }}
@if (val >= 0) { @@ -35,12 +35,12 @@
- - + +
- {{ val | currency }} + {{ val | currency : 'USD' : 'symbol' : '1.2-2' }}
@if (val >= 0) { @@ -55,7 +55,7 @@
- {{ val | percent : "1.0-2" }} + {{ val | percent : "1.2-2" }}
@if (val >= 0) { @@ -70,15 +70,15 @@
- {{ val | percent : "1.0-2" }} + {{ val | percent : "1.2-2" }}
- + - + {{ val }} days diff --git a/projects/finance-grid/src/app/finance-grid/finance-grid.component.ts b/projects/finance-grid/src/app/finance-grid/finance-grid.component.ts index d0bcb45..227d9bd 100644 --- a/projects/finance-grid/src/app/finance-grid/finance-grid.component.ts +++ b/projects/finance-grid/src/app/finance-grid/finance-grid.component.ts @@ -5,7 +5,7 @@ import { OnInit, ViewChild } from '@angular/core'; -import { FilteringExpressionsTree, FilteringLogic, IgxStringFilteringOperand, THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; +import { FilteringExpressionsTree, FilteringLogic, IColumnPipeArgs, IgxStringFilteringOperand, THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -47,8 +47,8 @@ import { FormsModule } from '@angular/forms'; IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, - IgxGridToolbarExporterComponent, - ], + IgxGridToolbarExporterComponent +], templateUrl: './finance-grid.component.html', styleUrl: './finance-grid.component.scss', }) @@ -56,6 +56,9 @@ export class FinanceGridComponent implements OnInit, OnDestroy { @ViewChild(IgxGridComponent, { static: true }) public grid!: IgxGridComponent; public data$: BehaviorSubject = new BehaviorSubject([]); public isLoading = true; + public currencyDigitsFormat: IColumnPipeArgs = { + digitsInfo: '1.2-2' + }; public profitLossValueClasses = { profitCondition: this.profitConditionHandler,