JSFiddle - React, Tailwind, and code Playground

by sdk8

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.no-icons.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.js"></script> 

<div ng-controller="TestCtrl">   
</div>

JavaScript

var testmodule = angular.module('myModule', []);
testmodule.controller('TestCtrl', function ($scope) {
  $scope.mydata =  [{
	"a": ["IND", "US", "UK", "AUS"],
	"b": ["100", "200", "170", "50"],
	"c": "Text",
	"d": "No",
}];

var mytable= angular.element(' <div class="table-responsive"> <table class="table" ng-repeat="item in mydata track by $index"> <thead> <tr> <td>{{item.c}}</td><td ng-repeat="c1 in item.a track by $index">{{c1}}</td></tr></thead> <tbody> <tr> <td>{{p.d}}</td><td ng-repeat="d1 in p.b track by $index">{{d1}}</td></tr></tbody> </table> </div>');

 console.log("mytable: "+JSON.stringify(mytable));
});