display 5 column every row in ionic

Question

please help me..

i'm create project with ionic. i want to display 5 column every row.

this is my code

<div class="row responsive-sm" ng-repeat="item in products">
    <div class="col"  >
        <div class="list card" >

            <div class="item">
                <h2>{{item.merk}}</h2>
                <p>Nine Inch Nails</p>
            </div>

            <div class="item item-image">
                <img ng-src="http://kaerusshop.com/users/rahadian/merk/{{item.pict}}">
            </div>

        </div>
    </div>
</div>

code above display one row to view all data

how to do it?

score 1 · Answer 1 · answered Mar 11 '15 at 13:32

1

Check this

<div class="row">
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
</div>

http://ionicframework.com/docs/components/#grid-even

answered Mar 11 '15 at 13:32

Jorge Moreno

378
3
10

score 0 · Accepted Answer · edited May 23 '17 at 11:44

0

Chunk it.

Since Ionic is Angular under the hood, take a look at this post, it should solve it for you.

https://stackoverflow.com/a/21653981/5210

edited May 23 '17 at 11:44

Community

1
1

answered Mar 11 '15 at 13:30

Donn Felker

9,553
7
48
66

You might also check this. It uses just AngularJS and CSS, but in this example I did four images per row. https://blog.nraboy.com/2015/03/make-a-gallery-like-image-grid-using-ionic-framework/ – Nic Raboy Mar 17 '15 at 20:44

display 5 column every row in ionic

2 Answers2