JSFiddle - React, Tailwind, and code Playground

by cutsomeat

HTML

<div ng-app="myApp" ng-controller="customersCtrl">
    <table>
        <tr ng-repeat="x in names">
            <td>{{ x.Name }}</td>
            <td>{{ x.Country }}</td>
        </tr>
    </table>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
    $http.get("http://www.w3schools.com/website/Customers_JSON.php")
    .success(function(response) {$scope.names = response;});
});
</script>

CSS

body { font-family: Arial; font-size: 10px; }
tr:nth-child(odd) { background-color: #ff77ff }
td { padding: 6px; }