title: (Show more/Show less)For only one <td> in table in angular
body: <p>I have table and I want to use show more/ show less text <code>pos.report</code>. currently when I click show more for one <code>&lt;td&gt;</code> it show more for all <code>&lt;td&gt;</code> in the table.</p>
  <p><strong>.Html</strong></p>
  <pre><code> &lt;tbody&gt;
              &lt;tr *ngFor=&quot;let pos of procedureOrderList; let i = index&quot;&gt;
                &lt;td&gt;{{pos.investigationName}}&lt;/td&gt;
                &lt;td&gt;{{pos.investigationDate | date: 'dd-MM-yyyy'}}&lt;/td&gt;
                &lt;td&gt;{{pos.released_DT | date: 'dd-MM-yyyy'}}&lt;/td&gt;
                &lt;td&gt; &lt;ng-container *ngIf=&quot;pos.report&quot;&gt;
                    {{(show) ? pos.report : pos.report | slice:0:50}}             
                   &lt;a *ngIf=&quot;pos.report.length &gt; 0;&quot; (click)=&quot;show = !show&quot; &gt; ...{{ show ? '[Show less]': '[Show More]' }}&lt;/a&gt;
                &lt;/ng-container&gt;
                &lt;/td&gt;                    
              &lt;/tr&gt;
            &lt;/tbody&gt;
  </code></pre>
  <p><strong>.ts</strong></p>
  <p><code> show = false;</code></p>