title: Jquery Datatable issue with bootstrap 4 modal
body: <p>Currently i have a datatable like this,</p>
  
  <p><a href="https://prnt.sc/nbfmge" rel="nofollow noreferrer">https://prnt.sc/nbfmge</a></p>
  
  <p>I am opening bootstrap 4 modal when a user click on no of items, it open will</p>
  
  <p><a href="https://prnt.sc/nbfmrj" rel="nofollow noreferrer">https://prnt.sc/nbfmrj</a></p>
  
  <p>But i am not getting search and pagination functionality when datatable is in modal. Here's my code</p>
  
  <p>Here's HTML code:</p>
  
  <pre><code>&lt;!-- Modal body --&gt;
  &lt;div class="modal-body"&gt;
      &lt;div class="card"&gt;
          &lt;div class="card-header"&gt;
              &lt;h5 class="card-title float-left"&gt;List of items&lt;/h5&gt;
          &lt;/div&gt;
          &lt;div class="card-body row"&gt;
              &lt;div class="col-md-12"&gt;
                  &lt;div class="table-responsive"&gt;
                      &lt;table class="table table-bordered display" id="datatables"&gt;
                          &lt;thead&gt;
                              &lt;tr&gt;
                                  &lt;th scope="col"&gt;#&lt;/th&gt;
                                  &lt;th scope="col"&gt;Item Name&lt;/th&gt;
                                  &lt;th scope="col"&gt;Item Model&lt;/th&gt;
                                  &lt;th scope="col"&gt;Item Year&lt;/th&gt;
                                  &lt;th scope="col"&gt;Item Condition&lt;/th&gt;
                                  &lt;th scope="col"&gt;Item Price&lt;/th&gt;
                                  &lt;th scope="col"&gt;Status&lt;/th&gt;
                              &lt;/tr&gt;
                          &lt;/thead&gt;
                          &lt;tbody id="showEmployeesReportItems"&gt;
                              &lt;!-- List of Items --&gt;
                          &lt;/tbody&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this is my jquery code:</p>
  
  <pre><code>$('#datatables').DataTable().destroy();
  $('#showEmployeesReportItems').html(html);
  $('#datatables').DataTable();
  </code></pre>
  
  <p>How can i get pagination and search feature in modal datatable ?</p>