devextreme-datagrid-modify-persisted-state/Angular/src/app/app.component.html at 20.2.5+ · DevExpress-Examples/devextreme-datagrid-modify-persisted-state · GitHub

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
<div class="default-style">
    <dx-data-grid
        [dataSource]="orders"
        [allowColumnResizing]="true"
        [allowColumnReordering]="true"
        [showBorders]="true"
        keyExpr="ID">
        <dxi-column
            dataField="OrderNumber"
            [width]="130"
            caption="Invoice Number">
        </dxi-column>
        <dxi-column
            dataField="OrderDate"
            sortOrder="desc"
            dataType="date">
        </dxi-column>
        <dxi-column
            dataField="SaleAmount"
            alignment="right"
            format="currency">
        </dxi-column>
        <dxi-column dataField="Employee"></dxi-column>
        <dxi-column dataField="CustomerStoreCity" caption="City"></dxi-column>
        <dxi-column
            dataField="CustomerStoreState"
            caption="State"
            [groupIndex]="0">
        </dxi-column>
        <dxo-selection mode="single"></dxo-selection>
        <dxo-filter-row [visible]="true"></dxo-filter-row>
        <dxo-group-panel [visible]="true"></dxo-group-panel>
        <dxo-pager
            [showPageSizeSelector]="true"
            [allowedPageSizes]="[5, 10, 20]">
        </dxo-pager>
        <dxo-state-storing
            [enabled]="true"
            type="custom"
            [storageKey]="storageKey"
            [customLoad]="loadState"
            [customSave]="saveState">
        </dxo-state-storing>
    </dx-data-grid>
</div>