Comments on: Angular Material Table, Filtering, Sorting, Paging

By: salah

salah — Sun, 11 Sep 2022 15:16:05 +0000

hay
pls how can filtring table materiel between to date

By: swapnil

swapnil — Tue, 02 Aug 2022 10:07:44 +0000

In reply to swapnil.

Good one got lot of Knowledge!.. Thanks

By: swapnil

swapnil — Tue, 02 Aug 2022 10:05:29 +0000

swapnil pawar

By: Burak Aydın

Burak Aydın — Thu, 04 Nov 2021 05:18:39 +0000

In reply to MarinkoSpasojevic.

First of all, thank you for the answer! It’s great to see that you answer people even after 2 years.

And I’ll contact with the guys on backend then. Maybe we can figure something out.

And again, great and really helpful article!

Have a good day

By: MarinkoSpasojevic

MarinkoSpasojevic — Wed, 03 Nov 2021 17:25:46 +0000

In reply to Burak Aydın.

Hello Burak. I am not quite sure how to do that, maybe server-side filtering helps when you create your custom filter logic instead of using the built-in feature. Regarding the first issue, probably something changed due to different versions of Ang and Ang Mat.

By: Burak Aydın

Burak Aydın — Wed, 03 Nov 2021 15:25:52 +0000

In reply to Burak Aydın.

Hello again Marinko, I fixed the problem by looking at the original guide. But now I have another thing I want to do.

I want to be able to filter based on only 1 column. But right now, it searches through every column and brings back whatever it finds so it doesnt work properly for my cause. Any help would be appreciated. Thanks in advance

By: Burak Aydın

Burak Aydın — Wed, 03 Nov 2021 14:56:31 +0000

Hey Marinko, amazing article and its really helpful. So thank you so much!

I do have one question about filter tho. I’m using Angular 12 and I did everything you did but I’m getting an error. (See below)
Is there any chance that you might be able to help me with this?
I searched for it but nothing I tried worked.

Thank you so much in advance, hope you see this in no time 🙂 Have a good day

By: Marinko

Marinko — Wed, 20 Jan 2021 06:50:51 +0000

In reply to mc alex. Hello Alex. First of all, thanks for the kind words. And thank you very much for reading our articles and for your suggestions. Regarding those suggestions, you are all corect, I'll fix that ASAP. I was updating entire series and those slipped somehow. Finally, about your question. This is from official documentation: To reverse the sort order for all headers, set the matSortStart to desc on the matSort directive. To reverse the order only for a specific header, set the start input only on the header instead. So, the first part you already know from this article, but for the second part (the one you asked for) you should be using the start attribute in the header it self:

Dessert (100g)	Calories	Fat (g)	Carbs (g)	Protein (g)
{{dessert.name}}	{{dessert.calories}}	{{dessert.fat}}	{{dessert.carbs}}	{{dessert.protein}}

Again this is an example for official documentaion.

By: mc alex

mc alex — Wed, 20 Jan 2021 04:56:50 +0000

Hi Marinko,
Awesome job explaining this.
A couple of things, 1) when you create the ownler/owner-list component, you use slightly different syntax on the instruction and the screenshot (‘–spec=false’ vs ‘–skipTests’). I noticed in an earlier tutorial (https://code-maze.com/get-started-angular-material/) that you have them the other way ’round when you create the Home component file structure, 2) In the filtering functionality area, you have the ‘MatInputModule’ imported twice – the second one is correct. 3) When you add sorting, you don’t mention that the OwnerListComponent now needs to import ‘AfterViewInit’ from ‘@angular/core’
Also, a question: Can i implement sorting-descending on only one column (ie the date column) with ‘MatSortStart’ without writing a custom sorter or is sort order set for the whole table?
Many thanks for your tutorials.

By: Rafał Jaworowski

Rafał Jaworowski — Thu, 19 Mar 2020 19:02:44 +0000

Great tutorial!