I am new to Angular. I want to render each row of a html table as separate component using ngFor. I tried an approach but failed. StackBlitz link - https://stackblitz.com/edit/angular-yaie9e?file=src/app/app.component.html In the above stackblitz link, i am rendering a table using a single component for the whole table and rendering another similar table by using two components. One for the main table and the other for the table data. Why is the latter not rendering correctly? or to be specific why is it getting rendered under first column? Continue reading...