File tree Expand file tree Collapse file tree
apps/demos/Demos/DataGrid/Cell/Angular/app Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1313 < dxi-data-grid-column caption ="Open " cellTemplate ="diffCellTemplate "> </ dxi-data-grid-column >
1414 < dxi-data-grid-column caption ="Close " cellTemplate ="diffCellTemplate "> </ dxi-data-grid-column >
1515 < dxi-data-grid-column
16- caption ="Dynamics "
17- [minWidth] ="320 "
18- cellTemplate ="chartCellTemplate "
16+ caption ="Dynamics "
17+ [minWidth] ="320 "
18+ cellTemplate ="chartCellTemplate "
1919 > </ dxi-data-grid-column >
2020 < dxi-data-grid-column caption ="High " cellTemplate ="diffCellTemplate "> </ dxi-data-grid-column >
2121 < dxi-data-grid-column caption ="Low " cellTemplate ="diffCellTemplate "> </ dxi-data-grid-column >
2222
2323 < div *dxTemplate ="let d of 'chartCellTemplate' ">
2424 < div class ="chart-cell ">
2525 < dx-sparkline
26- [dataSource] ="d.data.dayClose "
27- argumentField ="date "
28- valueField ="close "
29- type ="line "
30- [showMinMax] ="true "
31- minColor ="#f00 "
32- maxColor ="#2ab71b "
33- [pointSize] ="6 "
26+ [dataSource] ="d.data.dayClose "
27+ argumentField ="date "
28+ valueField ="close "
29+ type ="line "
30+ [showMinMax] ="true "
31+ minColor ="#f00 "
32+ maxColor ="#2ab71b "
33+ [pointSize] ="6 "
3434 >
3535 < dxo-sparkline-size [width] ="290 " [height] ="40 "> </ dxo-sparkline-size >
3636 < dxo-sparkline-tooltip [enabled] ="false "> </ dxo-sparkline-tooltip >
3737 </ dx-sparkline >
3838 </ div >
3939 </ div >
4040 < div
41- *dxTemplate ="let d of 'diffCellTemplate' "
42- [class] ="(d | gridCellData).diff > 0 ? 'inc' : 'dec' "
41+ *dxTemplate ="let d of 'diffCellTemplate' "
42+ [class] ="(d | gridCellData).diff > 0 ? 'inc' : 'dec' "
4343 >
4444 < div class ="current-value "> {{
4545 (d | gridCellData).value | currency : "USD" : "symbol"
46- }}</ div >
46+ }}</ div >
4747 < div class ="diff "> {{
4848 abs((d | gridCellData).diff) | number : "1.2-2"
49- }}</ div >
49+ }}</ div >
5050 </ div >
5151</ dx-data-grid >
You can’t perform that action at this time.
0 commit comments