Maquette angular tableau

Angular 1.4.6 Bootstrap 3.3.6 Fontawesome 4.5.0

by Zonedark

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div ng-controller="MyCtrl">
<table>
  <tr ng-repeat="row in data" class="bordered">
  <td class="bordered">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    <td ng-repeat="column in row" class="bordered">
      {{column}}
    </td>
  </tr>
</table>
</div>

CSS

.bordered{
  border:solid 1px black;
}

JavaScript

var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', ['$scope', function($scope) {
	$scope.data = [
  ["Espagne", "Allemagne", "Belgique", "Italie", "Russie", "GĂ©orgie"],
  ["85 274", "23 497", "20 965", "19 820", "26 477", "15 816"],
  ["1 627", "760", "210", "", "381", "2 409"],
  ["1 627", "760", "210", "", "381", "2 409"],
  ];
}]);