title: Angular 5 disable a table row
body: <p>This is my HTML code for my table to display list of users:  </p>
  
  <pre><code>&lt;table class="table m-table m-table--head-bg-metal"&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th&gt;
              Nom
          &lt;/th&gt;
          &lt;th&gt;
              Prénom
          &lt;/th&gt;
          &lt;th&gt;
              Email
          &lt;/th&gt;
          &lt;th&gt;
              Action
          &lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td&gt;
              Jhon
          &lt;/td&gt;
          &lt;td&gt;
              Stone
          &lt;/td&gt;
          &lt;td&gt;
              jhonStone@gmail.com
          &lt;/td&gt;
          &lt;td&gt;
              &lt;button class="btn btn-outline-danger m-btn m-btn--icon btn-sm m-btn--icon-only m-btn--pill m-btn--air" (click)="onDisableUser()"&gt;
                  &lt;i class="fa fa-close"&gt;&lt;/i&gt;
              &lt;/button&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  
  &lt;/tbody&gt;
  </code></pre>
  
  <p>
  <a href="https://i.stack.imgur.com/ZQvO0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZQvO0.png" alt="enter image description here"></a></p>
  
  <p>This is typescript method: </p>
  
  <pre><code>onDisableUser(){
  //this is the method to disable the table row..
  }
  </code></pre>
  
  <p>What I want is when I click () on the action button, the <strong>table row</strong> will be <strong>disabled</strong>.</p>
  
  <p>Thanks in advance.</p>