1. Feedback
  2. Angular
  3. 27674

Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Multi-column sorting on descending column after saved sort settings applied causes order numbers to not appear

This is a bit of a weird one, but is consistently reproducible.

We allow our users to load up data sets and we allow them to save their settings for filtering, sorting, etc. so that they can reapply and re-run the same data reports over and over. To do this, when the user "saves a report" we are getting and storing the sortSettings off of the getPersistData() method of the grid:

JSON.parse(this.patientGridObj.getPersistData()).sortSettings

When the report is loaded we are applying the saved sortSettings:

                this.gridObj.setProperties({ sortSettings: this.dataSet.gridSettings.sortSettings });

We initially found that if the user had sorted on multiple columns, the sort arrows would appear but the numbers in circles that indicated the order would not appear. We found that by calling grid.refreshColumns(), those order numbers would appear.


Once the grid is loaded the user can continue to change the sort columns. However what we found is this: If there are 3 or more columns that are sorted on, and one of them is sort descending, then holding Ctrl and clicking that column will (correctly) no longer have that column be sorted (since clicking a header to sort toggles between Ascending -> Descending -> No Sort). However the order numbers go away on the other 2 columns. Continuing to Ctrl+Click columns, the circles appear again. But that first click on a descending column causes them to disappear.

Link to StackBlitz.

https://stackblitz.com/edit/angular-grid-columns-page2plus-dedvc6?file=main.ts


Steps to reproduce:
  1. Open StackBlitz and click "Apply Sort Settings" button. Grid is sorted by Country (asc), Year (asc), Quarter (desc) and the numbers 1, 2, and 3 appear next to the sort arrows on those headers..
  2. Ctrl+Click the Quarter column. The grid is no longer sorted by Quarter and is only sorted on Country and Year.
  3. Expected Result: The numbers 1 and 2 appear next to Country and Year.
  4. Actual Result: The numbers 1 and 2 do not appear at all.
Note:
We were able to find a workaround for this issue. In the (actionComplete) event of the grid, when args.requestType = 'sorting', we call grid.refreshHeader(). This seems to have the side effect of persisting the order numbers the next time the grid is sorted. We still wanted to draw this to your attention to see if there is something you can do to make this workaround unnecessary.

Thanks,
Michael