[Vuejs]-In VueJS component, how to use Table with Data Rows from Subcomponent

Of course they don’t align. The problem is that you create tr tag with div inside instead of separate tds. That is not a valid way of building HTML tables. I suggest changing architecture that would wrap it into a single Table component or use enter link description here, which enables you to create the template without wrapping div. I recommend first approach since functional components have to be stateless and instanceless (just for showing data) and that would result in additional refactoring.