title: Dynamically table columns and rows [Angular 6 + Bootstrap 3]
body: <p>I need to create tables with dynamically columns and rows.
  I have an array of objects, which I need to present in table.
  But table need to be presented in 3 columns.
  For example:</p>
  
  <pre><code>        var listItems = [
          { name: 'name1', code: 'code1'},
          { name: 'name2', code: 'code2' },
          { name: 'name3', code: 'code3' },
          { name: 'name4', code: 'code4' }
      ];
  </code></pre>
  
  <p>And table will look sth like:<br>
  <strong>[name | code] [name | code] [name | code]</strong> <br>
  name1 code1 name3 code3 name4 code4 <br>
  name2 code2</p>
  
  <p>What wil be the best solution?</p>