title: Load DataTable data through button Click
body: <p>I want to populate DataTable through a button click. Initially the dataTable should be empty: </p>
  
  <pre><code>var searchText = $("#textBox").val();
  
      Table = $("#customerTable").dataTable({
          data:[],
          "columns": [
                      {"data": "Id"   },
                      { "data": "Name" },
                      { "data": "City" },
                      { "data": "Country" }
          ]        
          //"serverSide": true
      });
  </code></pre>
  
  <p>and the button click :</p>
  
  <pre><code>$("#SearchButton").on("click", function (event) {
  
  $.ajax({
              url: "/LoadCustomers",
              type: "post"
          });
  Table.rows.add(result).draw();
  });
  </code></pre>