Skip to content

Commit 0ef106b

Browse files
ddinchevaddincheva
committed
fix(cell): currency and percent columns should be right-aligned #9305 
1 parent 1ef2c56 commit 0ef106b

File tree

3 files changed

+10
-10
lines changed

3 files changed

+10
-10
lines changed

‎projects/igniteui-angular/src/lib/grids/grid/grid-row.component.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@
101101
[class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.crudService.cell:grid.crudService.row"
102102
[attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'"
103103
[class.igx-grid__td--pinned]="col.pinned"
104-
[class.igx-grid__td--number]="col.dataType === 'number'"
104+
[class.igx-grid__td--number]="col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency'"
105105
[class.igx-grid__td--bool]="col.dataType === 'boolean'"
106106
[ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
107107
[ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
@@ -135,7 +135,7 @@
135135
[attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'"
136136
class="igx-grid__td igx-grid__td--fw igx-grid__td--tree-cell"
137137
[class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.crudService.cell:grid.crudService.row"
138-
[class.igx-grid__td--number]="col.dataType === 'number' && col.visibleIndex !== 0"
138+
[class.igx-grid__td--number]="(col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency') && col.visibleIndex !== 0"
139139
[ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
140140
[ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
141141
[expanded]="expanded"
@@ -167,7 +167,7 @@
167167
[class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.crudService.cell:grid.crudService.row"
168168
[attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'"
169169
[class.igx-grid__td--pinned]="col.pinned"
170-
[class.igx-grid__td--number]="col.dataType === 'number'"
170+
[class.igx-grid__td--number]="col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency'"
171171
[ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
172172
[ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
173173
[editMode]="col.editable && crudService.targetInEdit(index, col.index)"
@@ -203,7 +203,7 @@
203203
[class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.crudService.cell:grid.crudService.row"
204204
[attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'"
205205
[class.igx-grid__td--pinned]="col.pinned"
206-
[class.igx-grid__td--number]="col.dataType === 'number' && col.visibleIndex !== 0"
206+
[class.igx-grid__td--number]="(col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency') && col.visibleIndex !== 0"
207207
[ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
208208
[ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
209209
[expanded]="expanded"

‎projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-row.component.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@
5454
class="igx-grid__td igx-grid__td--fw"
5555
[class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.crudService.cell:grid.crudService.row"
5656
[attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'"
57-
[class.igx-grid__td--number]="col.dataType === 'number'"
57+
[class.igx-grid__td--number]="col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency'"
5858
[class.igx-grid__td--bool]="col.dataType === 'boolean'"
5959
[ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
6060
[ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
@@ -101,7 +101,7 @@
101101
class="igx-grid__td igx-grid__td--fw igx-grid__td--pinned"
102102
[class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.crudService.cell:grid.crudService.row"
103103
[attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'"
104-
[class.igx-grid__td--number]="col.dataType === 'number'"
104+
[class.igx-grid__td--number]="col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency'"
105105
[ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
106106
[ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
107107
[editMode]="col.editable && crudService.targetInEdit(index, col.index)"

‎projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid-row.component.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
class="igx-grid__td igx-grid__td--fw"
2929
[class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.crudService.cell:grid.crudService.row"
3030
[attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'"
31-
[class.igx-grid__td--number]="col.dataType === 'number'"
31+
[class.igx-grid__td--number]="col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency'"
3232
[class.igx-grid__td--bool]="col.dataType === 'boolean'"
3333
[ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
3434
[ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
@@ -57,7 +57,7 @@
5757
class="igx-grid__td igx-grid__td--fw igx-grid__td--tree-cell"
5858
[class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.crudService.cell:grid.crudService.row"
5959
[attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'"
60-
[class.igx-grid__td--number]="col.dataType === 'number' && col.visibleIndex !== 0"
60+
[class.igx-grid__td--number]="(col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency') && col.visibleIndex !== 0"
6161
[ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
6262
[ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
6363
[level]="treeRow.level"
@@ -111,7 +111,7 @@
111111
class="igx-grid__td igx-grid__td--fw igx-grid__td--pinned"
112112
[class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.crudService.cell:grid.crudService.row"
113113
[attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'"
114-
[class.igx-grid__td--number]="col.dataType === 'number'"
114+
[class.igx-grid__td--number]="col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency'"
115115
[ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
116116
[ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
117117
[editMode]="col.editable && crudService.targetInEdit(index, col.index)"
@@ -142,7 +142,7 @@
142142
class="igx-grid__td igx-grid__td--fw igx-grid__td--tree-cell igx-grid__td--pinned"
143143
[class.igx-grid__td--edited]="rowID | transactionState:col.field:grid.rowEditable:grid.transactions:grid.pipeTrigger:grid.crudService.cell:grid.crudService.row"
144144
[attr.aria-describedby]="gridID + '_' + col.field | igxStringReplace:'.':'_'"
145-
[class.igx-grid__td--number]="col.dataType === 'number' && col.visibleIndex !== 0"
145+
[class.igx-grid__td--number]="(col.dataType === 'number' || col.dataType === 'percent' || col.dataType === 'currency') && col.visibleIndex !== 0"
146146
[ngClass]="col.cellClasses | igxCellStyleClasses:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
147147
[ngStyle]="col.cellStyles | igxCellStyles:rowData[col.field]:rowData:col.field:viewIndex:grid.pipeTrigger"
148148
[level]="treeRow.level"

0 commit comments

Comments
 (0)