How to reset State in dx-pivot-grid?

I am using [stateStoring] like this-

<button (click)="Reset()">Reset State</button>

    <dx-pivot-grid style="width:600px;display:block" [(dataSource)]="pivotSource" [allowSorting]="true"
        [allowSortingBySummary]="true" [allowFiltering]="true" [allowExpandAll]="true"  [showBorders]="true"

        [fieldChooser]="{enabled: true}"
        [fieldPanel]="{visible: true}"
        [stateStoring]="{
            enabled: true,
            type: localStorage,
            storageKey: dx-widget-gallery-pivotgrid-storing
        }"
        >
    </dx-pivot-grid>

I want to know how to reset state on click on reset button in above snippet?

Also, Is there a way to store state other than localStorage type?

My Environment is- Angular2 version RC5 devextreme-angular2 version: 16.1.5

[dxvladislavvolkov]

Hello! You can read more about types of the storage here

Try to use the following code to reset the state:

import {Component, ViewChild} from '@angular/core';
import {DxPivotGrid} from 'devextreme-angular2'
...
export class App {
....
    @ViewChild(DxPivotGrid) pivotGrid: DxPivotGrid
    Reset() {
        this.pivotGrid.instance.getDataSource().state({});
    }
}

[sanket360]

Thanks @dxvladislavvolkov 👍