JSFiddle - React, Tailwind, and code Playground

by Anik Islam Abhi

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<div ng-app="myApp">
  <div data-ng-controller="myCtrl">
    <table>
      <thead>
        <tr>
          <th>Name</th>
          <th>Age</th>
          <th>Salary</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="employee in employees | orderBy :columnName">
          <td>{{ employee.name }}</td>
          <td>{{ employee.age }}</td>
          <td>{{ employee.salary }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);
myApp.controller('myCtrl', function($scope) {
  var employees1 = [{
    name: 'Jim',
    age: 18,
    salary: 4500
  }, {
    name: 'Joe',
    age: 18,
    salary: 4000
  }, {
    name: 'Bob',
    age: 20,
    salary: 6000
  }, {
    name: 'Rob',
    age: 45,
    salary: 1800
  }];

  $scope.employees = employees1;
  $scope.columnName = '+name';
})