Ionic horizontal cards + 3 cards per row

ionic-v1
1

Hi,

Would like to know how to make the below design which is shown on the right hand side. We want to show 3 cards per row on iPad.

Each card will have details about an employee. JSON contains list of Employees. Can some one helps me how to achieve the below functionality. Also we may need to include search, sort features as well.

image
Pasted image1054×618 13.2 KB

1 Like
2

You could try https://blog.nraboy.com/2015/03/make-a-gallery-like-image-grid-using-ionic-framework/ or this post Grid layouts for Ionic via ng-repeat.

3

Thank you; It is working fine with flex-wrap: wrap