Test

<body>

	<div id="container">
    <table id="myTable" class="table">
      <thead>
        <tr>
          <th>Icon</th>
          <th>Altitude</th>
          <th>Code Number</th>
       </tr>
     </thead>
     <tbody id="table-body"></tbody>
    </table>
    <div id="glyphicon1">
    <span class="glyphicon glyphicon-plane" style="transform: rotate(50deg);">
	</div>

  <div id="glyphicon2">
  <span class="glyphicon glyphicon-plane" style="transform: rotate(50deg);">
</div>

</div>

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="js/index.js"></script>
  </body>

//Ovo je html kod. Ne znam ni da li ovde trebaju glyphicon da se postave.


flights = sortByKey(flights, 'Alt');

		for (var i =0 ; i < flights.length; i++) {

		var span = $('<span></span>');
		$(span).addClass('glyphicon1').addClass('glyphicon2');
		$('#span').append('<td/>');

		var row = $('<tr></tr>');
		var c1 = $('<td/>');
		if (flights[i].Brng < 180  ) {
		   $(c1).html('east');

	    } else {
		   $(c1).html('west');
		}

			var c2 = $('<td/>').html(flights[i].Alt)
			var c3 = $('<td/>').html(flights[i].Reg);
			$(row).append(c1).append(c2).append(c3);

			$('#table-body').append(row);
		}
// Ovo je js kod.

Ne znam kako, nisam sigurna gde treba da bude kod. Ako mozete samo jos ovo da mi pomognete i necu da vas maltretiram vise :)