title: Ngx Datatable to display one row entry
body: <p><a href="https://i.stack.imgur.com/Rwryv.png" rel="nofollow noreferrer">Table Image</a> I would like to display all the trans types but the correlation id must only appear once. How do I achieve this from the front end?</p>
  
  <p>HTML code:</p>
  
  <pre><code>        &lt;ngx-datatable #tblCorrelations class="material fullscreen" [rows]="details" [columnMode]="'force'" [headerHeight]="'auto'" [footerHeight]="50" [rowHeight]="50" [limit]="15" [selected]="selected" [selectionType]="'single'"&gt;
              &lt;ngx-datatable-column name="Correlation ID" id="correlationid"&gt;
                  &lt;ng-template let-row="row" ngx-datatable-cell-template&gt;
                      {{row.correlationid}}
                  &lt;/ng-template&gt;
              &lt;/ngx-datatable-column&gt;
              &lt;ngx-datatable-column name="Trans Type" id="transtype"&gt;
                  &lt;ng-template let-row="row" ngx-datatable-cell-template&gt;
                      {{row.transtype}}
                  &lt;/ng-template&gt;
              &lt;/ngx-datatable-column&gt;
          &lt;/ngx-datatable&gt;
  </code></pre>
  
  <p>What would my typescript code look like? Bear in mind, the correlation id is not the trans type id. This is all been pulled from the database and not hard-coded</p>
  
  <p>Currently, the display repeats the correlation id and display the trans types
  I want the correlation id to appear once only and all its trans types</p>