ERROR TypeError: Cannot read properties of undefined (reading 'nativeElement') while using datatable

Rajat Bhat 0
Viewed 30

I am getting ERROR TypeError: Cannot read properties of undefined (reading 'nativeElement') while using the datatable.

typescript

 @ViewChild('dataTable',{static:false}) table;

  ngAfterViewInit(): void {
      // if (!this.table) return;    
    this.dataTable=$(this.table.nativeElement);
    this.dataTable.DataTable();
    console.log( this.dataTable.DataTable());
    
  }

HTML

<table #dataTable id="example" class="table table-striped table-bordered" style="width:100%"> 

  </table>
datatable twitter-bootstrap typescript angular
1 Answers
 @ViewChild('dataTable',{static:false}) table : ElementRef;

  ngAfterViewInit(): void {
      // if (!this.table) return;    
    this.dataTable=$(this.table.nativeElement);
    this.dataTable.DataTable();
    console.log( this.dataTable.DataTable());
    
  }

Or you can use @ViewChild('dataTable',{static:false}) table : any;

Karan Chokshi0
Related