PDF creation

by Samar Pattanayak

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.22/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<div ng-app="app">
  <div ng-controller="listController">
    <div id="exportthis">
      <table>
        <tbody>
          <tr ng-repeat="emp in employees" ng-class="$even ? 'even' : 'odd'">
            <td>{{emp.country}}</td>
            <td>{{emp.population}}</td>
            <td>{{emp.age}}</td>
            
          </tr>
        </tbody>
      </table>
    </div>
    <button ng-click="export()">export</button>
  </div>
</div>

CSS

.even {
  color: green;
}

.odd {
  color: blue
}

table,
th,
td {
  border: 1px solid grey;
}

td {
  width: 20%
}

JavaScript

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

 app.controller("listController", ["$scope",
   function($scope) {
     $scope.employees = [{
       country: "United StatesffffffffffffffffffffffffffffffffffffffffffffUnited StatesffffffffffffffffffffffffffffffffffffffffffffUnited StatesfffffffffffffffffUnited StatesffffffffffffffffffffffffffffffffffffffffffffUnited StatesffffffffffffffffffffffffffffffffffffffffffffUnited Statesffffffffffffffffffffff",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "Brazil",
       population: "1,363,480,000",
       age: 19.1
     },{
       country: "china",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "India",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "Indonesia",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "United States",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "Brazil",
       population: "1,363,480,000",
       age: 19.1
     },{
       country: "china",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "India",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "Indonesia",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "United States",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "Brazil",
       population: "1,363,480,000",
       age: 19.1
     },{
       country: "china",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "India",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "Indonesia",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "United States",
       population: "1,363,480,000",
       age: 19.1
     }, {
       country: "Brazil",
       population: "1,363,480,000",
       age: 19.1
     },{
       country: "china",
       population:...