Ionic Grid Layout with ng-repeat ionic

Can someone help me to create rows with varied number of columns using single ng-repeat on a template?

For example, row 0- with 3 columns row 1 -with 2 columns row 2-with 1 column.

And, as the number of columns change ,the displayed column(s) should automatically stretch to occupy the full row space.

I have implemented it with nested ng-repeat but then I'm not able to apply ngFx animations to it.So, I'd like to try with single ng-repeat.

Any help would be appreciated.

Thank you ! wink

I had the idea of using ng-if on a column element but not sure if it's the efficient considering performance.