Skip to content

Commit ae07056

Browse files
authored
Merge branch 'master' into ng-8-update-b2
2 parents cfab623 + f15e0c3 commit ae07056

File tree

2 files changed

+43
-3
lines changed

2 files changed

+43
-3
lines changed

README.md

Lines changed: 28 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ You can find source files under the [`src`](https://github.com/IgniteUI/igniteui
1717

1818
**IMPORTANT** The repository has been renamed from `igniteui-js-blocks` to `igniteui-angular`. Read more on our new [naming convention](https://www.infragistics.com/community/blogs/b/infragistics/posts/ignite-ui-github-repo-name-changes).
1919

20-
Current list of controls include:
20+
#### Current List of Components Include:
2121

2222
|Components|Status|||Directives|Status|||
2323
|:--|:--|:--|:--|:--|:--|:--|:--|
@@ -56,6 +56,33 @@ Current list of controls include:
5656
|toast|Available|[Readme](https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/toast/README.md)|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/toast.html)|||||
5757
|tree grid|Available|[Readme](https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/grids/tree-grid/README.md)|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/treegrid.html)|||||
5858

59+
#### Components available in [igniteui-angular-charts](https://www.npmjs.com/package/igniteui-angular-charts)
60+
|Components||
61+
|:---|:---|
62+
|Category Chart|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/categorychart.html)|
63+
|Data Chart|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/datachart.html)|
64+
|Financial Chart|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/financialchart.html)|
65+
|Doughnut Chart|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/doughnutchart.html)|
66+
|Pie Chart|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/piechart.html)|
67+
68+
#### Components available in [igniteui-angular-gauges](https://www.npmjs.com/package/igniteui-angular-gauges)
69+
|Components||
70+
|:---|:---|
71+
|Bullet Graph|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/bulletgraph.html)|
72+
|Linear Gauge|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/lineargauge.html)|
73+
|Radial Gauge|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/radialgauge.html)|
74+
75+
#### Components available in [igniteui-angular-excel](https://www.npmjs.com/package/igniteui-angular-excel)
76+
|Components||
77+
|:---|:---|
78+
|Excel Library|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/excel_library.html)|
79+
80+
81+
#### Components available in [igniteui-angular-spreadsheet](https://www.npmjs.com/package/igniteui-angular-spreadsheet)
82+
|Components||
83+
|:---|:---|
84+
|Spreadsheet|[Docs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/spreadsheet_overview.html)|
85+
5986
## Setup
6087
From the root folder run:
6188

projects/igniteui-angular/src/lib/grids/column.component.ts

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -388,9 +388,22 @@ export class IgxColumnComponent implements AfterContentInit {
388388
return this.grid.columns.indexOf(this);
389389
}
390390
/**
391-
* Gets formatter for the column.
391+
* When autogenerating columns, the formatter is used to format the display of the column data
392+
* without modifying the underlying bound values.
393+
*
394+
* In this example, we check to see if the column name is Salary, and then provide a method as the column formatter
395+
* to format the value into a currency string.
396+
*
392397
* ```typescript
393-
* let columnFormatter = this.column.formatter;
398+
* onColumnInit(column: IgxColumnComponent) {
399+
* if (column.field == "Salary") {
400+
* column.formatter = (salary => this.format(salary));
401+
* }
402+
* }
403+
*
404+
* format(value: number) : string {
405+
* return formatCurrency(value, "en-us", "$");
406+
* }
394407
* ```
395408
* @memberof IgxColumnComponent
396409
*/

0 commit comments

Comments
 (0)