title: Datagrid clarity component with Firebase
body: <p>I have a data grid which populates data from Firebase Cloudstore (sorted according to lastUpdated date from Firebase), when I edit the row I have modal dialog where I can edit the information, when save the entry I set the lastUpdated to sysdate. Editing works fine (and the timestamp is updated) but it picks the wrong row from the table. In the table I have a column which is the documentId from Firebase. To verify that it picks the wrong documentId I then console log the documentId which is passed to the edit method and it is not the same as the one on the row that I pick for editing in the view.
  My code is exactly like the below code (taken from clarity documentation). What am I doing wrong ?</p>
  
  <pre><code>&lt;clr-dg-row *clrDgItems="let user of users" [clrDgItem]="user"&gt;
      &lt;clr-dg-action-overflow&gt;
          &lt;button class="action-item" (click)="onEdit(user)"&gt;Edit&lt;/button&gt;
          &lt;button class="action-item" (click)="onDelete(user)"&gt;Delete&lt;/button&gt;
      &lt;/clr-dg-action-overflow&gt;
      &lt;-- ... --&gt;
  &lt;/clr-dg-row&gt;
  </code></pre>