IgniteUI / igniteui-angular-samples

Ignite UI for Angular demos for all available components and features
https://bit.ly/2L19rhp
37 stars 25 forks source link

Tree/Grid Sorting Overview Sample: Initial sorting state indicator not rendered #3268

Closed ddaribo closed 1 year ago

ddaribo commented 1 year ago

Description

In the Grid Sorting Overview demo, there is an initial sorting state set in the onInit lifecycle hook for the CategoryName field. The sorting indicator is not visualised properly. In the Tree Grid Sorting Overview demo, the same is reproduced for the UnitPrice column and it is visible that the data is not sorted.

Steps to reproduce

  1. Open this section of the IgxGrid docs.
  2. Open this section of the IgxTreeGrid docs.

Result

The sorting indicator on the sorted columns column is gray, as if no sorting expression is set. The column data is not sorted.

Expected result

Have colored sorting indicators for ascending direction on the initially sorted columns.

Attachments

The sorting indicator is properly reflected in case the sortingExpressions array of the grids is set in the AfterViewInit hook. Sample here. This is also the case for the Sorting Indicators demo in the topic, where the sorting expressions are properly reflected initially.