Problem z Data Source w Angular Material

Question

Witam,

Mam ogromny problem z pogodzeniem tabeli danych z paginatorem, filtrem i z checkboxami, w której znajdują się sztywne dane, a z tabelą danych, która ma dane wstrzyknięte z serwera heroku. Obie wymagają linijki w Data Source i nie wiem jak zapisać tą linijkę, by wszystkie funkcje mogły zadziałać.

Przykład tabeli, w której jeszcze znajdują się dane sztywne:

pojazdy.component.html

pojazdy.component.ts

Poniżej jest component, który już używa bazy, ale nie mogę do tabeli używać paginatora, funkcji checkboxa i filtra:

pracownik.component.html

pracownik.component.ts

Jeśli chodzi o błąd to konflikt jest między funkcją UserDataSource a MatTableDataSource. Jak mam użytą w Data Source funkcję UserDataSource, to wszystkie paginatory itp. nie działają bo brakuje tej funkcji, a jak próbuje je w jakiś sposób zespolić, to nie działa ani to, ani to. Przykład połączenia zostawiłem w komentarzu przy kodzie pracownik.component.ts.

Dodatkowo jeśli chodzi o wyświetlany błąd to PHPStorm pisze coś takiego:

 error TS2339: Property 'filter' does not exist on type 'UserDataSource'.

error TS2339: Property 'paginator' does not exist on type 'UserDataSource'.

 error TS2339: Property 'data' does not exist on type 'UserDataSource'.

Więc można właśnie wywnioskować, że te funkcje muszą mieć MatTableDataSource. Macie jakiś pomysł jak to rozwiązać? Ktoś też miał taki problem, ze tabelę z dodatkami robiła AngularMaterial i to gryzło się z łączeniem do Heroku? Jeśli za mało wyjaśniłem to proszę pisać. Byłbym też bardzo wdzięczny za pomoc, bo zależy mi troszkę na czasie.

Z góry dziękuje za pomoc :)

Pozdrawiam.