JSFiddle - React, Tailwind, and code Playground

by Luiza CICONE

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-table/0.8.3/ng-table.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-resource/1.5.3/angular-resource.min.js"></script>
<div ng-controller="tableController">

  <table ng-table="tableParams" class="table">
    <tr ng-repeat="row in $data track by $index">
      <td title="'EncType'">
        {{row.name}}
      </td>
      <td title="'ClientAlias'">
        {{row.ClientAlias}}
      </td>
      <td title="'OrgName'">
        {{row.OrgName}}
      </td>
      <td title="'CharacterAlias'">
        {{row.CharacterAlias}}
      </td>
      <td title="'AddressCity'">
        {{row.Address}}, {{row.City}}
      </td>
      <td title="'St'">
        {{row.St}}
      </td>
      <td title="'ZIP'">
        {{row.ZIP}}
      </td>
      <td title="'ContactName'">
        {{row.ContactName}}
      </td>
      <td title="'Fax'">
        {{row.Fax}}
      </td>
      <td title="'PHONE'">
        {{row.PHONE}}
      </td>
      <td title="'CriticalValueNotification'">
        {{row.CriticalValueNotification}}
      </td>
      <td title="'Doctor'">
        {{row.Doctor}}
      </td>
    </tr>
  </table>
</div>

JavaScript

var flexTable = angular.module("app", ["ngTable", "ngResource"]);

 flexTable.controller('tableController', ['$scope', '$resource', '$http', 'ngTableParams', function($scope, $resource, $http, ngTableParams) {
   var data = [];
   var url = "https://api.ipify.org?format=json";
   var api = $resource(url);

   $scope.tableParams = new ngTableParams({}, {
     getData: function(params) {
       var varApiGet = $http.get(url).then(function(response) {
         // simulate the response.data
         var data = [{
           "MR": "Inact",
           "EncType": null,
           "ClientAlias": 111020.0,
           "OrgName": "Zic",
           "CharacterAlias": null,
           "Account#": 30645147.0,
           "MRN": null,
           "PlanCode": null,
           "Address": "PO Box 123456",
           "City": "Richmond ",
           "St": "VA",
           "ZIP": 23298.0,
           "ContactName": "Jonny J",
           "Fax": "(111) 111-1111",
           "PHONE": "pager 111-1111",
           "CriticalValueNotification": null,
           "ClientPracticeTesting": null,
           "Doctor": "John Smith",
           "BeginDate": 36395.0,
           "medBeginDate": null
         }];
         console.log(data);
         return data;
       });
       return varApiGet;
     }
   });
 }]);