title: How to use *ngFor in angular 4 to create the table with 2 columns per row
body: <p>I have an array of objects like below</p>
  
  <pre><code>let columns = [
      {id: 1, columnName: 'Column 1'}, 
      {id: 2, columnName: 'Column 2'}, 
      {id: 3, columnName: 'Column 3'}, 
      {id: 4, columnName: 'Column 4'}
  ];
  </code></pre>
  
  <p>I want to use Angular *ngFor to create table like below</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;Column 1&lt;/td&gt;
          &lt;td&gt;Column 2&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Column 3&lt;/td&gt;
          &lt;td&gt;Column 4&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want, two columns per row. I've tried by using *ngFor in <code>&lt;tr&gt;</code>, but didn't achieve my result. Please tell me the right way to do this. </p>
  
  <p>Thank You :-)</p>