title: Datatable Ajax reload not working on button click
body: <p>I've been trying to work with a reload button that will load the datatable data, but whenever i press the button, the table is not reloading or not loading the new content. </p>
  
  <p>Here's my code for Datatable </p>
  
  <pre><code>  var table = $('#m_table_1').dataTable({
          responsive: true,
          searchDelay: 500,
          processing: true,
          serverSide: true,
          ajax: 'http://digitalbulletinboard.xyz/bulletin/sample.php?getLostTable',
          columns: [
              {data: 'id'},
              {data: 'title'},
              {data: 'description'},
              {data: 'Actions'},
          ],
          columnDefs: [
              {
                  targets: -1,
                  title: 'Actions',
                  orderable: false,
                  render: function(data, type, full, meta) {
                      console.log(data);
                      return `
                          &lt;span class="dropdown"&gt;
                              &lt;a href="#" class="btn m-btn m-btn--hover-brand m-btn--icon m-btn--icon-only m-btn--pill" data-toggle="dropdown" aria-expanded="true"&gt;
                                &lt;i class="la la-ellipsis-h"&gt;&lt;/i&gt;
                              &lt;/a&gt;
                              &lt;div class="dropdown-menu dropdown-menu-right"&gt;
                                  &lt;a class="dropdown-item" href="#"&gt;&lt;i class="la la-edit"&gt;&lt;/i&gt; Edit Details&lt;/a&gt;
                                  &lt;a class="dropdown-item" href="#"&gt;&lt;i class="la la-leaf"&gt;&lt;/i&gt; Update Status&lt;/a&gt;
                                  &lt;a class="dropdown-item" href="#"&gt;&lt;i class="la la-print"&gt;&lt;/i&gt; Generate Report&lt;/a&gt;
                              &lt;/div&gt;
                          &lt;/span&gt;
                          &lt;button type="button" class="m-portlet__nav-link btn m-btn m-btn--hover-brand m-btn--icon m-btn--icon-only m-btn--pill" title="View" id="reload"&gt;
                            &lt;i class="la la-edit"&gt;&lt;/i&gt;
  
  
            &lt;/button&gt;`;
              },
          }
      ],
  });
  </code></pre>
  
  <p>And when clicking the reload button, I use this one</p>
  
  <pre><code> $("#reload").click(function () {
          console.log("Reload");
          table.api().ajax.reload(null, false);
      });
  </code></pre>
  
  <p>Whenever i click the reload button. Nothing happens. is there a way to fix this? or something that I have done wrong? </p>
  
  <p>I already tried but still nothing happens</p>
  
  <pre><code> $('#m_table_1').dataTable().api().ajax.reload();
  </code></pre>
  
  <p>Edit 1:
  Changed the reload to </p>
  
  <pre><code>table.ajax.processing(null, false);
  </code></pre>
  
  <p>and got stuck to this one.</p>
  
  <p><a href="https://i.stack.imgur.com/Ij1We.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ij1We.png" alt="enter image description here"></a></p>