TypeError: $(_this.el.nativeElement).DataTable is not a function. (In '$(_this.el.nativeElement).DataTable(dtOptions)', '$(_this.el.nativeElement).DataTable' is undefined

I’m submitting a…

[*] Bug report  
[ ] Feature request
[ ] Documentation issue or request
[ ] Question

Current behavior

In installed all the requirements to import angular datatable as provided in doc. But after importing when i added a basic table in my angular 6 project nothig works and error is flagged in console!

Why this happen any fix for this! Is this an issue still open?

app-module.ts

import { DataTablesModule } from 'angular-datatables';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    ReactiveFormsModule,
    DataTablesModule.forRoot(),
    ContextMenuModule.forRoot({
      useBootstrap4: true,
    }),
    AppRoutingModule,
    HttpClientModule
  ],
  providers: [
    AuthGuard,
    AuthService,
    UserService,
    {
      provide: HTTP_INTERCEPTORS,
      useClass: JwtInterceptor,
      multi: true
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Environment

- node version: v8.11.3
- angular version: 6
- angular-cli version: 6.1.5
- jquery version: 3.3.6
- datatables version: 1.10.19
- angular-datatables version: 6.00

[pawelalikowski]

in angular-datatables/src/angular-datatables.directive.ts should be import of jquery

import * as $ from 'jquery'

[stale[bot]]

This issue has been closed due to inactivity. Please feel free to re-open the issue to add new inputs.