title: Key up down in Angular 2 \ 4 table
body: <p>How can I write a functionality for key up and key down, across the table cells in Angular? (just like how we would move the keys using up and down arrow keys across the cells in an excel sheet).</p>
  
  <p>This is the code I have:
  <a href="http://plnkr.co/edit/vk937A1VWNPIFQYkoPsM?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/vk937A1VWNPIFQYkoPsM?p=preview</a></p>
  
  <pre><code>&lt;table&gt;
        &lt;thead&gt;
              &lt;tr&gt;
                   &lt;th class="under-below" *ngFor="let col of columns"&gt;{{col.display}}&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
  
          &lt;tbody&gt;
              &lt;tr *ngFor="let row of rows"&gt;
                  &lt;td *ngFor="let col of columns"&gt;
  
                  &lt;div *ngIf="!col.editable"&gt;{{colLabelFunction(row, col)}}&lt;/div&gt;
                  &lt;input type="text" value="{{colLabelFunction(row, col)}}" *ngIf="col.editable"&gt;
  
                  &lt;/td&gt;
  
              &lt;/tr&gt;
  
  
          &lt;/tbody&gt;
        &lt;/table&gt;
  </code></pre>
  
  <p>I want to move up and down on the 'Column 2' text inputs ( cells ), using keyup and keydown keys.</p>