Populating a "table" where each column is an component and each row is its property

[Michael Glaser]

Hey all, 

I've been looking for an example of this for some time and have been coming up with zilch. Before I spend hours trying to craft this myself, I figured I'd ask.
I'm looking to create a bunch of column that contain the information about a product (ex; Name, description, rating, etc). For an example, look at some site like Newegg (or see the attached example) where you compare items.
Now, originally, I came up with a way to populate a table but there was a lot of repeated looping and I thought it was pretty sloppy. After speaking with some devs at work, they suggested using a component for the object and then another for the list layout but the details were a bit cryptic (oh you devs). Then I saw an example of cards where the rows seemed to line up BUT this just might have been the result of similar fields filled with similar data. I need to have each row match the height, vertically, to the adjacent row just like in a Table but do it in the Angular way.

Ideas or suggestions to examples?

Thanks in advance.

[Sander Elias]

Hi Michael,

Sounds like you want to create a css-grid.

Regards

Sander

[Michael Glaser]

Hmmm. Looking into it now. Thx.