title: How to loop over an array in datatable
body: <p>I am trying to render a table in javascript as follows:</p>
  
  <pre><code>$('#serviceTable').DataTable({
          responsive: true,
          aaData: services,
          bJQueryUI: true,
               aoColumns: [
                       { mData: 'service_name' },
                       { mData: 'last_incident' },
                       { mData: 'integration' }
                  ]
        });
  </code></pre>
  
  <p>Now the <code>integration</code> field is basically an array of json objects as follows</p>
  
  <pre><code>[{"name":"abc","key":"123"},{"name":"xyz","key":"1234"}]
  </code></pre>
  
  <p>Here is the table definition:</p>
  
  <pre><code>&lt;table id="serviceTable" class="table table-bordered table-striped"&gt;
    &lt;thead&gt;
    &lt;tr&gt;
      &lt;th data-field="service_name" data-formatter="LinkFormatter"&gt;Service&lt;/th&gt;
      &lt;th data-field="last_incident"&gt;Last Incident&lt;/th&gt;
      &lt;th  data-field="integration"&gt;Integration&lt;/th&gt;
    &lt;/tr&gt;
    &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>So on UI I can see <code>[object Object],[object Object]</code> in the column integrations. How do we loop over the json array to display the <code>name</code> field in the column</p>