title: DataTables warning: table id=DataTables_Table_1 - Cannot reinitialise DataTable. not working
body: <p>DataTables warning: </p>
  
  <blockquote>
    <p>table id=DataTables_Table_1 - Cannot reinitialise DataTable. For more
    information about this error, please see <a href="http://datatables.net/tn/3" rel="nofollow noreferrer">http://datatables.net/tn/3</a></p>
  </blockquote>
  
  <p>My code is </p>
  
  <pre><code>  this.dtOptions = {
      pagingType: 'full_numbers',
      scrollX: true,
      lengthChange: false,
      pageLength: 100
    };
  </code></pre>
  
  <p>My data table tag is </p>
  
  <pre><code>&lt;table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger"  class="display nowrap" cellspacing="0" width="100%" &gt;
  </code></pre>
  
  <p>I am using angular 4 with data table when I print my data in data table showing the first character only not showing full dynamic values. How can I add solve this?</p>
  
  <p>I am using this data table <a href="https://l-lin.github.io/angular-datatables/#/getting-started" rel="nofollow noreferrer">https://l-lin.github.io/angular-datatables/#/getting-started</a></p>
  
  <p>I added a sample image of my data table result dynamic data. When I am using some static data that time working fine .Only for dynamic data</p>
  
  <p><a href="https://i.stack.imgur.com/DN1sU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DN1sU.png" alt="enter image description here"></a></p>