title: Jquery DataTable is not working properly in Angular 4 Application
body: <p>I am using Jquery DataTable in Angular 4 application. During reload the grid Paging option is not working properly. Iam using the below code in Typescript</p>
  
  <pre><code>  ngAfterViewInit() {
    setTimeout(() =&gt; {
    $('#Appointment').DataTable();
  }, 1000);}
  
  SearchAppointment() {
  var param = {
    "Hcp_Id": this.Appointment.Hcp_Id,
    "Cons_Id": this.Appointment.Cons_Id,
    "Sp_Id": this.Appointment.Sp_Id,
    "FromDate": this.Appointment.FromDate,
    "ToDate": this.Appointment.ToDate
  };
  this.JsonApiService.CommonService('Appointment/GetAppointmentSearch', this.JsonApiService.encrypt(JSON.stringify(param)).toString()).subscribe((Resp) =&gt; {
    this.AppointmentList = this.JsonApiService.decrypt(Resp);
  });  }
  </code></pre>
  
  <p>Html code is</p>
  
  <pre><code>&lt;table id="Appointment" class="table table-bordered table-striped"&gt;
            &lt;thead&gt;
              &lt;tr&gt;
                &lt;th&gt; Date&lt;/th&gt;
                &lt;th&gt; Time&lt;/th&gt;
                &lt;th&gt; Patient&lt;/th&gt;
                &lt;th&gt; Consultant&lt;/th&gt;
              &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
              &lt;tr *ngFor="let Appointments of AppointmentList "&gt;
                &lt;td&gt;{{Appointments.CA_Date}} &lt;/td&gt;
                &lt;td&gt;{{Appointments.CA_Time}} &lt;/td&gt;
                &lt;td&gt;{{Appointments.CA_App_Name}} &lt;/td&gt;
                &lt;td&gt;{{Appointments.Cons_Name}} &lt;/td&gt;                  
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>When loading the page grid is working properly (Refer image1). If I click Search button to reload the grid then paging option is not working (Refer image2). 
  Image2 
  <a href="https://i.stack.imgur.com/J6Fy7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/J6Fy7.png" alt="enter image description here"></a></p>
  
  <p>Image2
  <a href="https://i.stack.imgur.com/3zxpV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3zxpV.png" alt="enter image description here"></a></p>