title: Colspan not getting applied to td using @ViewChild
body: <p>I am trying to apply colspan to an td element dynamically and it isnt working. Anbody know the reason why it isnt working.  I cant see the colspan being applied when i inspect the element</p>
  
  <p>Html</p>
  
  <pre><code> &lt;td id = "LegalClassName" class="tableItem" *ngIf="c == 'Legal Class Name'"&gt;
                                      {{f.LegalFundClassCommercialViewModel.Description }}&lt;/td&gt;
  </code></pre>
  
  <p>Component code</p>
  
  <pre><code>@ViewChild('LegalClassName') myLegalClassName: ElementRef;
  
  addSideLetter(id) {
          this.SideLetter[id] = !this.SideLetter[id];
          this.myLegalClassName.nativeElement.setAttribute('colspan', 2);
      }
  </code></pre>