Sorting in igx-column

[kevalgw]

Hey
I want to sort the igx-column but the data of the columnn is in object type
eg: tableData {
someData: { name: string, model: string, name: string};
status: string;
registration: string;
action: string;
}
Considering above data in column someData i want to sort it by key "name" ..
How Do i Do it??
<igx-column field="someData" [sortable]="true">
the above code is not working

[RivaIvanova]

Hello @kevalgw,

An approach I could suggest is implementing your own custom sorting strategy. Sorting is performed using our DefaultSortingStrategy algorithm, however, any IgxColumnComponent or ISortingExpression can use a custom implementation of the ISortingStrategy as a substitute algorithm.

Additionally, I have prepared a small sample demonstrating the above approach and it could be found here.

[kevalgw]

Hi @RivaIvanova

I have attached the ss of the function written outside of main class.

And Imported it in main class

Still it is giving me error

[RivaIvanova]

Hello @kevalgw,

I can see that the custom sorting strategy is implemented similarly to the suggested one, however, as the isolated sample from my previous message seems to be working correctly and cannot reproduce the issue, it is hard to tell what the cause for this behavior could be without having a working sample on my side which I can debug.

It would be very helpful if you could fork the previous sample, modify it so it reproduces the issue, and send it back.

[kevalgw]

Hi @RivaIvanova

I tried the same example with new project, its working properly.
But in my existing project it is not working, I guess its version issue

Following are the versions installed

"igniteui-angular": "^10.2.0"
"@angular/cdk": "^10.2.5",

Please check whether its the issue because of version or not

[RivaIvanova]

Hello @kevalgw,

From the provided information what I can say is that this is not related to our product, it is TypeScript-related and what I can suggest is omitting the override keyword. As mentioned in TypeScript's official documentation here, this keyword is introduced in TypeScript 4.3. and in case the version used on your side is lower, then this behavior is expected.

Additionally, please keep in mind that version 10.2.0 is considered retired.

[kevalgw]

Hi @RivaIvanova

It worked for me by removing override keyword.
Thanks a lot and I appreciate for your support.