Order by cards and not by columns?

[misterch0c]

I have 2 columns and when my screen is less than 768px it's only 1. Problem is when it's collapsed the order is like this column 1 column2

When it's not collapsed I have Card 1 - Card 2 Card 3 - Card 4... So I end up with card 1,3,2,4... Is there a way to achieve what I want with deckgrid?

THank you

[Citrullin]

i hope i understand you. You can change the $$create.Columns function.

The part looks like this:

            angular.forEach(this.$$scope.model, function onIteration (card, index) {
                var column = (index % self.$$scope.layout.columns) | 0;
                if (!self.$$scope.columns[column]) {
                    self.$$scope.columns[column] = [];
                }
                card.$index = index;
                self.$$scope.columns[column].push(card);
            });

I think this is the interesting part for your:

var column = (index % self.$$scope.layout.columns) | 0;

You can do this: var column = 1; var cnt = 1; angular.forEach(this.$$scope.model, function onIteration (card, index) { var items_per_column = Math.floor(self.$$scope.model.length/self.$$scope.layout.columns); if(cnt <= items_per_column){ if (!self.$$scope.columns[column]) { self.$$scope.columns[column] = []; } card.$index = index; self.$$scope.columns[column].push(card); cnt++; }else{ column++; cnt = 1; if (!self.$$scope.columns[column]) { self.$$scope.columns[column] = []; } card.$index = index; self.$$scope.columns[column].push(card); cnt++; }

            });