title: Reload component in angular 4 or destroy datatable
body: <p>I am using a Datatable to show the records of members of an organization. Firstly it loads data from the API but when I add new member it gives me error: </p>
  
  <blockquote>
    <p>Datatable can not be initialized again</p>
  </blockquote>
  
  <p>I want to reload that component or any other solution to this problem</p>
  
  <p><img src="https://i.stack.imgur.com/kU23S.png" alt="you can find detail code in picture"></p>
  
  <pre><code>setTimeout(function(){                                                               
    this.table  =  $('#tableid').DataTable({ stateSave:true, autoWidth: true, dom: 
    'Bfrtip' });      
  },3000);
  </code></pre>