aantsypau
Posts: 24
Joined: Wed May 24, 2023 7:57 am

List itens side by side

I have a list component, I would like to list the records side by side (as in the image) and not as a commom list.
I have this code:
*ngFor = let item of lista_grupos; index as i

What do I have to do to make them stay side by side?
Attachments
unnamed (20).png
unnamed (20).png (228.01 KiB) Viewed 2599 times
aantsypau
Posts: 24
Joined: Wed May 24, 2023 7:57 am

Re: List itens side by side

You can easily achieve this result by replacing the list component with a grid component. Apply the *ngFor attribute to the cell component. Also, ensure that the cell width is set to 6. Alternatively, you can use an HTML component with a container type div and set the width to 50%.

Return to “Issues”