JSFiddle - React, Tailwind, and code Playground

by GruffBunny

HTML

<div ng-app ng-controller='MyController'>
    
    <h2>All thingies</h2>
    <p ng-repeat='thing in thingies'>{{thingy.name}}</p>
    
    <h2>3 columns</h2>
    <div ng-repeat='thing in thingies'>
        <div ng-if='$index % 3 == 0' class="first-column">
            <div>{{thingy.name}}</div>
        </div>    
        <div ng-if='$index % 3 == 1' class="second-column">
            <div>{{thingy.name}}</div>
        </div>    
        <div ng-if='$index % 3 == 2' class="third-column">
            <div>{{thingy.name}}</div>
        </div>
    </div>
 </div>

JavaScript

function MyController($scope){
    
    $scope.thingies = [
        { name: 'thing1' },
        { name: 'thing2' },
        { name: 'thing3' },
        { name: 'thing4' },
        { name: 'thing5' },
    ];
};