title: datatable rows getting hidden on changing sorting order in angular
body: <p>my data table loads first but when i click on column to change sort order, entire table becomes empty in angular project</p>
  <p>user.comp.html</p>
  <pre><code>&lt;tbody&gt;
     &lt;tr *ngFor=&quot;let user of userData&quot; id=&quot;{{ user.description }}&quot;&gt;
  &lt;td class=&quot;col-xs-2 smallcol&quot;&gt;{{ user.userId }}&lt;/td&gt; 
  &lt;td class=&quot;ellipses col-xs-8&quot;&gt;{{ user.description }}&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  <p>user.comp.ts</p>
  <pre><code>
  ngonInit(): void{
  this.client Service.getUserList().subscribe({
  
  next: userData =&gt; {
  
  this.userData = userData;
  
  }
  
  });
  </code></pre>
  <p>user.serv.ts</p>
  <pre><code>getUserList():Observable&lt;IUser[]&gt;
  return this.http.post&lt;Iuser[]&gt;(restAPIUrl.getUserList,httpOptions);
  </code></pre>