Angular Отзывчивое расширение Datatables не работает

Question

Отзывчивое представление таблицы не работает.

Не изменяется в мобильном представлении браузера. Та же таблица отображается при прокрутке.

 <table datatable [dtOptions]="dtOptions" class="row-border hover" width="100%">

  export class UserComponent implements OnInit {
      searchData:any;
      id: string;
      dtOptions: any = {};
      constructor(private router: Router,public authService:AuthService) {
        this.searchData={
          UserName:''
        }; 
       }

      ngOnInit():void {
        this.id = localStorage.getItem('token');
        this.dtOptions = {     
          responsive: true
        };
      }
      logout(): void {  
        this.authService.logout();
        this.router.navigate(['/login']);
      }


    }