Angular Table Sorting - Data shows up but doesn't sort

Question

I'm trying to implement sort function to my table in angular, and all my data from my rest api does show up in the table. But the problem I get is when I click on arrow my data in table doesn't sort. My data comes from a method in other ts file witch get the data from rest api

What I have tried is followed this links but it doesn't work

Angular Material Table Sorting - Data Doesn't sort when inside a *ngIf condition

Sorting Not Working Angular Material Design Table

https://material.angular.io/components/table/overview#sorting

I have some problem to upload code

This is my controller code, the method to get code from rest api: https://imgur.com/a/qX2AcNJ

This is my code who should take a data from controller and show in html: https://i.sstatic.net/DVTBB.jpg

This is the html file: https://imgur.com/a/q4FJmuK

uminder · Accepted Answer · 2019-04-01 06:00:56Z

0

Your table is missing the instruction on how sorting must be done. You should add the following to your table element.

<table ... (matSortChange)="sortData($event)">

Then you need to to add the sortData method to your ListComponent. A detailed example can be found at https://material.angular.io/components/sort/examples.

answered Apr 1, 2019 at 6:00

uminder

26.4k6 gold badges45 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mattias Over a year ago

Still doesn't work, i get many error and in inspection module in browser I get message that .slice is not an typescript function.

Collectives™ on Stack Overflow

Angular Table Sorting - Data shows up but doesn't sort

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related