title: Data tables not responding to provided json result from api call to fill table with data
body: <p>This is the JSON result being return from the API call.</p>
  <pre><code>{
  &quot;LoanOfficers&quot;: [{
      &quot;Id&quot;: 13,
      &quot;FirstName&quot;: &quot;Smith&quot;,
      &quot;LastName&quot;: &quot;Kerry&quot;,
      &quot;EmailAddress&quot;: &quot;kerry.smith@test.com&quot;,
      &quot;LoanOfficerUrlParameterId&quot;: 312,
      &quot;UrlParameter&quot;: &quot;/smithkerry123&quot;
  }, {
      &quot;Id&quot;: 713,
      &quot;FirstName&quot;: &quot;Kerry&quot;,
      &quot;LastName&quot;: &quot;Smith&quot;,
      &quot;EmailAddress&quot;: &quot;kerry.smith@test.com&quot;,
      &quot;LoanOfficerUrlParameterId&quot;: 654,
      &quot;UrlParameter&quot;: &quot;/kerrysmith1234578&quot;
   }]
  }
  </code></pre>
  <p>I implemented the data table below. The call works and fetches the data and puts it into an object. From there the table reads no data in the table. I use a console.log() to see if the data was being passed back but it is but I don't know why it's not returning to the datable.</p>
  <pre><code>$(document).ready(function () {
          $.ajax({
              url: '/CallAPI',
              type: 'GET',
              dataType: 'json',
              success: function (data) {
                  assignToEventsColumns(data);
              }
          });
  
          function assignToEventsColumns(data) {
              console.log(data);
              var table = $('#table_id').dataTable({
                  &quot;bAutoWidth&quot;: false,
                  &quot;aaData&quot;: data,
                  &quot;columns&quot;: [
                      { &quot;data&quot;: &quot;Id&quot; },
                      { &quot;data&quot;: &quot;FirstName&quot; },
                      { &quot;data&quot;: &quot;LastName&quot; },
                      { &quot;data&quot;: &quot;EmailAddress&quot; },
                      { &quot;data&quot;: &quot;LoanOfficerUrlParameterId&quot; },
                      { &quot;data&quot;: &quot;UrlParameter&quot; }
                  ],
                  &quot;order&quot;: [[1, 'asc']]
              })
  
  
          }
      });
  </code></pre>
  <p><a href="https://i.stack.imgur.com/vRJ7I.jpg" rel="nofollow noreferrer">Console log of the JSON object return from API call</a></p>
  <p>I am new to data tables with JSON data don't understand fully understand why this issue is occurring. Any explanation would be much appreciated. All is I know that is returning a valid JSON format because I already tested that. I provided as much detail as possible. I provided an example of the JSON result and an example of console.log.</p>
  <p>HTML</p>
  <pre><code> &lt;table class=&quot;dataTable table table-striped text-center table-hover&quot; id=&quot;table_id&quot;&gt;
                              &lt;thead&gt;
                                  &lt;tr class=&quot;bg-green&quot;&gt;
                                      &lt;th&gt;Loan Officer ID&lt;/th&gt;
                                      &lt;th&gt;First Name&lt;/th&gt;
                                      &lt;th&gt;Last Name&lt;/th&gt;
                                      &lt;th&gt;Email Address&lt;/th&gt;
                                      &lt;th&gt;LoanOfficerUrlParameterId&lt;/th&gt;
                                      &lt;th&gt;Url&lt;/th&gt;
                                      @*&lt;th&gt;&lt;/th&gt;*@
                                  &lt;/tr&gt;
                              &lt;/thead&gt;
                              &lt;tfoot&gt;
                                  &lt;tr class=&quot;bg-green&quot;&gt;
                                      &lt;th&gt;Loan Officer ID&lt;/th&gt;
                                      &lt;th&gt;First Name&lt;/th&gt;
                                      &lt;th&gt;Last Name&lt;/th&gt;
                                      &lt;th&gt;Email Address&lt;/th&gt;
                                      &lt;th&gt;LoanOfficerUrlParameterId&lt;/th&gt;
                                      &lt;th&gt;Url&lt;/th&gt;
                                      @*&lt;th&gt;&lt;/th&gt;*@
                                  &lt;/tr&gt;
                              &lt;/tfoot&gt;
  
                          &lt;/table&gt;
  </code></pre>