title: Multiple ngFor inside tables
body: <p>Problem: td with image tag <code>{{im.url}}</code> shows images one below the other, but what I need is to show them side by side horizontally, <br>
   Is it possible to expand/merge that td to a size of first row so that I can put 5 images side by side ?</p>
  
  <pre><code>    &lt;tbody&gt;
        &lt;tr *ngFor="let row of tasks;  let i = index" colspan="6"&gt;
          &lt;td class="text-left" &gt;
            &lt;b&gt;
              &lt;u&gt;{{row.lowtask}}&lt;/u&gt;
            &lt;/b&gt;
            &lt;tr *ngFor="let t of row.time"&gt;
              &lt;td class="text-left"&gt;{{t.time1}}&lt;/td&gt;
              &lt;td class="text-center"&gt;{{t.time2}}&lt;/td&gt;
              &lt;td class="text-center"&gt;{{t.time3}}&lt;/td&gt;
              &lt;td class="text-right"&gt;{{cnvert(t.cur1)}} &lt;/td&gt;
              &lt;td class="text-right"&gt;{{convert(t.cur2)}} &lt;/td&gt;                                       
            &lt;/tr&gt;
            &lt;tr *ngFor="let im of row.images"&gt;                                         
              &lt;td&gt;
                &lt;img src="{{im.url}}" class="thumb"/&gt;
              &lt;/td&gt;                                                                    
            &lt;/tr&gt;                                    
          &lt;/td&gt;                            
        &lt;/tr&gt;                      
       &lt;/tbody&gt;  
  </code></pre>