title: ngfor to display in multiple table rows
body: <p>I have a python list to be displayed using Angular. Entire list of more than 200 objects are getting displayed in single table row. How can I make it to display in multiple rows?</p>
  
  <pre><code>List=[1,2,3,4,5, .......100}
  </code></pre>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;ng-container *ngFor="let item of List"&gt;
       &lt;td&gt;
         {{item}}
       &lt;/td&gt;
     &lt;/ng-container&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Current output: </p>
  
  <pre><code>1,2,3,4,5, ........100
  </code></pre>
  
  <p>Need:</p>
  
  <pre><code>1,2,3,4,......20
  21,22,........40
  41............60
  61............80
  81...........100 
  </code></pre>
  
  <p>I need the td data to wrap to next row and not overflow in the same row.</p>