Флажок в Jquery Datable не отображается в приложении Angular 5

Question

В моем приложении angular 5 я использую jquery datable. Использую приведенный ниже код в моем файле component.ts для отображения данных с флажком

 setTimeout(function(){
  $(function(){
    $('#datatable').DataTable({
      pageLength: 10,
      fixedHeader: true,
      responsive: true,
      "sDom": 'rtip',

      columnDefs: [{
          targets: 0,
          'checkboxes': true
      }],
      select:{
        'style': 'multi'
      },
      order:[[1,'asc']]
  });
  });

},0);

Ниже мой html-код:

   <div class="table-responsive row">
     <table class="table table-bordered table-hover" id="datatable">
      <thead class="thead-default thead-lg">
       <tr>
       <th></th>
       <th>Company Name</th>
       <th>Company Code</th>
       </tr>
     </thead>
    <tbody>
     <tr *ngFor="let company of companies">
     <td>{{company.CompanyId}}</td>
     <td>{{company.CompanyName}}</td>
    <td>{{company.CompanyCode}} </td>
    </tr>
   </tbody>
   </table>
   </div>

Пожалуйста, помогите мне в этом вопросе.