title: How to display two table columns per row in Angular 2 loop (Angular2 equivalent of PHP's array_chunk)
body: <p>How can I achieve the following with Angular 2?</p>
  
  <p>I would like to display data, two columns per row during my foreach. I would like my result to look like the following:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td&gt;VALUE1&lt;/td&gt;&lt;td&gt;VALUE2&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;VALUE3&lt;/td&gt;&lt;td&gt;VALUE4&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;VALUE5&lt;/td&gt;&lt;td&gt;VALUE6&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/l3FQr.png" rel="noreferrer"><img src="https://i.stack.imgur.com/l3FQr.png" alt="Table: each row has 2 array items"></a>
  <a href="https://i.stack.imgur.com/7wUES.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7wUES.png" alt="enter image description here"></a></p>
  
  <p>Similar question: <a href="https://stackoverflow.com/questions/1793716/how-to-display-two-table-columns-per-row-in-php-loop">How to display two table columns per row in php loop</a></p>
  
  <p>Plunker with basic idea: <a href="https://plnkr.co/edit/LuEYfK?p=preview" rel="noreferrer">https://plnkr.co/edit/LuEYfK?p=preview</a></p>