Sort reset is not working.

[Mithali]

On the grid the sort seems to be working fine. 
But when I am doing the next search after clearing the results in the grid the sort function is not resetting. 

 

  clear() {

    this.firstName = "";

    this.lastName = "";

    localStorage.removeItem("firstName");

    localStorage.removeItem("lastName");

    this.orgName = "";

    this.rowData = [];

    this.filteredRowCount = 0;

    // this.grid.filterService.clear();

    this.grid.filter = undefined;

    this.grid.sort = [];

    this.state.sort = [];

    const emptySortState: DataStateChangeEvent = {

      sort: [],

      skip: 0,

      take: this.pageSize

    };

    this.onDataStateChange(emptySortState);

    this.grid.data = this.rowData;

    this.grid.columns.forEach((column: ColumnComponent) => {

      column.filter = undefined;

    })

    this.filter = { logic: 'and', filters: [] };

  }

 

[Zornitsa]

Hi Mithali,

In order to programmatically clear the operation descriptors, including sorting, the developer should make sure to reload the data in the Grid with the specified empty descriptors for the changes to be reflected.

For a better understanding, I have prepared a StackBlitz example, in which you can observe how the operation descriptors are cleared on a button click:

• https://stackblitz.com/edit/angular-t6ba8e 

In case the issue still persists, please provide more details on the configuration of the Grid component and its functionality on your side. Ideally, sharing a runnable example in which the problematic behavior can be replicated would be very helpful in further troubleshooting and identifying a possible cause of the issue. 

Regards,
Zornitsa
Progress Telerik