title: Unable to display data using jQuery datatables, AJAX and JSON
body: <p>I'm having a problem displaying my data on my jQuery DataTable using AJAX.  I'm using the library from datatables.net. I've tried packaging the JSON in many different formats and nothing is working. I've also messed around with the 'columns' section, interchanging 'title' and 'data.' I only have one event to display for now, but the bottom of the table shows something crazy like 4,000 entries. Here is my code:</p>
  
  <pre><code>&lt;script src="//cdn.datatables.net/1.10.10/js/jquery.dataTables.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;   
      $(document).ready(function () {
                  $('#myTable').DataTable({
                      "processing": true,
                      "ajax": {
                          "url": "/api/EventsApi/GetAll",
                          "dataSrc": ""
                      },
                      columns: [
                          { title: "Title" },
                          { title: "Template" },
                          { title: "Capacity" },
                          { title: "Boarding Location" },
                          { title: "Status" },
                          { title: "Edit / Delete" }
                          //{ "data": "title" },
                          //{ "data": "eventTemplateID" },
                          //{ "data": "locomotive.capacity" },
                          //{ "data": "boardingLocationStart.city" },
                          //{ "data": "status" },
                          //{ "data": "status" }
                      ]
                  });
      });
  
      &lt;div class="title-content"&gt;@ViewBag.Title&lt;/div&gt;
          &lt;div id="dataTable"&gt;
              &lt;table id="myTable" class="table table-hover" style="text-align: center;"&gt;
                  &lt;tbody id="tBody"&gt;
                      &lt;!-- Table body data goes here --&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Here is the JSON that's being returned from the AJAX call:</p>
  
  <pre><code>{"data":[{"tripEventID":1,"extraDetails":"this train has special details","eventName":"ZombieTrainEventName ","departureDate":"\/Date(1443715200000)\/","returnDate":"\/Date(1443718800000)\/","eventCapacityOveride":100,"eventTemplateID":3,"title":"The Zombie Train ","companyID":1,"description":"description of zombie train ride ","boardingClosed":30,"status":1,"boardingLocationStart":{"boardingLocationID":3,"companyID":1,"name":"Skunk Train Willits","streetAddress":"Willits somewhere","city":"Some city","state":"CA","zip":"95713","description":"Desc field1"},"boardingLocationStartTo":{"boardingLocationID":3,"companyID":1,"name":"Skunk Train Willits","streetAddress":"Willits somewhere","city":"Some city","state":"CA","zip":"95713","description":"Desc field1"},"boardingLocationReturnFrom":{"boardingLocationID":3,"companyID":1,"name":"Skunk Train Willits","streetAddress":"Willits somewhere","city":"Some city","state":"CA","zip":"95713","description":"Desc field1"},"boardingLocationReturnTo":{"boardingLocationID":3,"companyID":1,"name":"Skunk Train Willits","streetAddress":"Willits somewhere","city":"Some city","state":"CA","zip":"95713","description":"Desc field1"},"allowFlexableReturnDate":false,"product":[],"productBundle":[{"bundleID":10,"companyID":1,"displayName":" Pumkin Bundle copy Test","price":0.0100,"tax":0.0200,"productList":[]}],"locomotive":{"trainID":1,"companyID":1,"title":"Skunk_Steam ","type":1,"description":"Steam locomotive ","capacity":998,"status":0},"media":{"mediaID":1,"companyID":1,"hero":[],"gallery":[{"mediaDetailID":6,"formatTypeID":2,"fileName":"testimage6.txt","order":1,"path":null,"url":null},{"mediaDetailID":7,"formatTypeID":2,"fileName":"testimage6.txt","order":1,"path":"path6","url":"url6"},{"mediaDetailID":8,"formatTypeID":2,"fileName":"testimage7.txt","order":1,"path":"path7","url":"url7"}],"inside":[{"mediaDetailID":1,"formatTypeID":1,"fileName":"testimage.txt","order":1,"path":null,"url":null},{"mediaDetailID":2,"formatTypeID":1,"fileName":"testimage2.txt","order":1,"path":null,"url":null},{"mediaDetailID":3,"formatTypeID":1,"fileName":"testimage3.txt","order":1,"path":null,"url":null}]},"duration":15,"isExclusive":false,"timeAtDestination":45,"isOneWay":false}]}
  </code></pre>
  
  <p>Like I said, I've tried repackaging the JSON as nested objects and arrays with nothing working. Am I missing something obvious? Any help is appreciated, thank you!</p>