title: Bootstrap dataTable search and pagination is not working when data is loading from ajax API response
body: <p>I developing a admin panel. I am able to load data that is getting from Ajax API response in bootstrap <code>dataTable</code> but default search and pagination of the table is not working.
  I tried </p>
  
  <pre><code>"processing": true,
  "serverSide": true
  </code></pre>
  
  <p>to initialize the table but it is not working.</p>
  
  <p>Is It possible this dataTable functionality work as default provided by the Bootstrap dataTable.</p>
  
  <p>I want to achieve the following steps:</p>
  
  <p><em>Step1:</em> A form with submit button.</p>
  
  <p><em>Step2:</em> When clicked on submit, make an ajax call and get JSON Data back to add it into <code>dataTable</code> rows dynamically.</p>
  
  <p><em>Step3:</em>                           </p>
  
  <pre><code>         $("#editable-sample").DataTable({ // what should I do here.});
  </code></pre>
  
  <p><strong>Problem</strong> </p>
  
  <p>Data is loading but search box and pagination is not woking on the page.</p>