Dodanie filtra pod każdą kolumną dla tabeli mat
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-field
blok poniżej th
tagó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
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.