Dodanie filtra pod każdą kolumną dla tabeli mat

Dec 16 2020

Natknąłem się na Stackblitz z innej odpowiedzi StackOverflow i chciałem sprawdzić, czy mogę dodać filtr do tabeli nadrzędnej dla każdej kolumny.

Oto mój Stackblitz, którego wypróbowałem i był to najbliższy, jaki mogłem uzyskać (zignoruj ​​CSS / style). Włożyłem filtr wejściowy pod kolumny. (Zwróć uwagę, że nie zaimplementowałem samego filtru roboczego w pliku .ts) Zauważyłem jednak coś interesującego, że przycisk do sortowania samej kolumny jest zawijany nie tylko nazwą nagłówka / kolumny, ale i samego filtra - więc kiedy użytkownik kliknie filtr, aby skupić się na polu, również uruchomi sortowanie.

Próbowałem dodać cały mat-form-fieldblok poniżej thtagów / header i nawet nie działa ani nie pojawia się. Jestem tu zagubiony i nie potrafię wymyślić, jak umieścić filtry poniżej bez umieszczenia ich w przycisku sortowania.

Odpowiedzi

1 blazebot7000 Dec 16 2020 at 01:40

Jeśli chcesz zapobiec kliknięciu przycisku sortowania podczas klikania pola wejściowego, możesz spróbować dodać (click)="$event.stopPropagation();"go do pola wejściowego. Możliwe też, że będziesz musiał dodać to do wydarzeń (mouseup)lub (mousedown)zamiast (click)wydarzenia.