Когда я вызываю API через какое-либо событие, оно прокручивает верхнюю часть окна в ANGULAR 2+?

Question

У меня есть кнопка на компоненте, которая будет фильтровать мою таблицу, при этом я вызываю API. После вызова API прокрутите вверх до окна. Но я хочу, чтобы он оставался в своем первоначальном положении.

УКАЗАНИЕ К УВЕДОМЛЕНИЮ: Я не использую прокручиваемый CSS или любой другой JavaScript.

.ts Файл

 ngOnInit() {
    this.type = 'all';
    this.getCandidateDetails(this.type);
 }

 getLoggedInuserDetails(type) {
    this.sharedService.getCandidateDetails(type).subscribe(res => {
      this.User = res.data;
    });
 }

 getFemaleCandidateDetails(){
    this.type = 'female';
    this.getCandidateDetails(this.type);
 }

.html файл

<button type="button" class="btn btn-primary" (click)="getFemaleCandidateDetails()">Overall</button>
<table>
// Here I am rendring the data
</table>