-
Notifications
You must be signed in to change notification settings - Fork 2
/
app.component.html
56 lines (53 loc) · 1.64 KB
/
app.component.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<h2>The use of calculateGroupValue and groupCellTemplate</h2>
<dx-data-grid
[dataSource]="customers"
keyExpr="ID"
[showBorders]="true">
<dxo-grouping [autoExpandAll]="true"></dxo-grouping>
<dxo-group-panel [visible]="true"></dxo-group-panel>
<dxi-column dataField="ID"></dxi-column>
<dxi-column dataField="CompanyName"></dxi-column>
<dxi-column dataField="City"></dxi-column>
<dxi-column
dataField="State"
[groupIndex]="1"
[calculateGroupValue]="calculateGroupValue"
groupCellTemplate="groupCellTemplate">
</dxi-column>
<div *dxTemplate="let data of 'groupCellTemplate'">
<div>
{{data.column.caption}}: {{data.value.split(";")[1]}}
</div>
</div>
</dx-data-grid>
<h2>The use of a calculated hidden column and Summary</h2>
<dx-data-grid
[dataSource]="customers"
keyExpr="ID"
[showBorders]="true">
<dxo-grouping [autoExpandAll]="true"></dxo-grouping>
<dxo-group-panel [visible]="true"></dxo-group-panel>
<dxo-paging [pageSize]="10"></dxo-paging>
<dxo-summary>
<dxi-group-item
column="StateOrder"
summaryType="min"
[alignByColumn]="true">
</dxi-group-item>
</dxo-summary>
<dxi-sort-by-group-summary-info summaryItem="StateOrder"></dxi-sort-by-group-summary-info>
<dxi-column dataField="ID"></dxi-column>
<dxi-column dataField="CompanyName"></dxi-column>
<dxi-column dataField="City"></dxi-column>
<dxi-column
dataField="State"
[groupIndex]="0"
[(sortOrder)]="stateSortOrder">
</dxi-column>
<dxi-column
name="StateOrder"
[visible]="false"
[showInColumnChooser]="false"
[calculateCellValue]="calculateCellValue">
</dxi-column>
</dx-data-grid>