title: Show two objects in one AJAX datatable column
body: <p>I am using jQuery datatables to output data via Ajax and SQL. I can output the data fine. However, I would like to combine two of the return objects into one column as it pertains to the same thing. </p>
  
  <pre><code>$('#todayApt').on('show.bs.modal', function (event){
      $('#todayAptList').DataTable( {
          "ajax": {
              "url": '{{ url('panel/appointment/ajax/schedule/week/lookup') }}',
              dataSrc: ''
          },
          "columns": [
              { "data": "date" },
              { "data": "office" },
              { "data": "block" },
              { "data": "last_name" },
              { "data": "street_1" },
              { "data": "zip_code" },
              { "data": "phone_1" },
              { "data": "service_detail" }
          ]
      } );
  });
  </code></pre>
  
  <p>My object is as follows:</p>
  
  <pre><code>[  
     {  
        "street_1":"1234 Main St",
        "phone_2":"(555) 555-5555",
        "street_2":null,
        "date":"2016-10-19",
        "users_info_id":19,
        "last_name":"Doe",
        "phone_1":"(555) 555-5555",
        "zip_code":90210,
        "status":"scheduled",
        "office":"location",
        "block":"9-12",
        "special_detail":null,
        "mp_detail":null,
        "service_detail":"Service Details"
     }
  ]
  </code></pre>
  
  <p>So service_detail, mp_detail and special_detail I would like to just be in one single column labeled 'Details'. I can figure out how to do single columns but cannot figure out how to do more than one in only one column</p>
  
  <p>Example of expected results:</p>
  
  <pre><code>&lt;table id="todayAptList" class="table table-striped table-bordered dt-responsive" cellspacing="0" width="100%"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;Date&lt;/th&gt;
          &lt;th&gt;Office&lt;/th&gt;
          &lt;th&gt;Block&lt;/th&gt;
          &lt;th&gt;Last Name&lt;/th&gt;
          &lt;th&gt;Address&lt;/th&gt;
          &lt;th&gt;Zip Code&lt;/th&gt;
          &lt;th&gt;Phone&lt;/th&gt;
          &lt;th&gt;Services&lt;/th&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
     &lt;tr role="row" class="odd"&gt;
        &lt;td class="sorting_1" tabindex="0"&gt;2016-10-18&lt;/td&gt;
        &lt;td&gt;Location&lt;/td&gt;
        &lt;td&gt;3-5&lt;/td&gt;
        &lt;td&gt;Doe&lt;/td&gt;
        &lt;td&gt;1234 Main St&lt;/td&gt;
        &lt;td&gt;90210&lt;/td&gt;
        &lt;td&gt;(555) 555-5555&lt;/td&gt;
        &lt;td&gt;SPECIAL, MP AND SERVICE DETAILS HERE IN ONE&lt;/td&gt;
     &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>