Sortowanie tabeli bootstrap

Question

Użyłem skryptu na sortowanie tabeli z tej strony: http://jsfiddle.net/e3nk137y/1434/

Ładnie sortuje kiedy rozpisze tabelę (<tr><td>) w HTML, ale kiedy mam kod w JS to robi się problem, ponieważ skrypt nie widzi rekordów w tabeli.
 

<script>
	
	$.get("https://api.coinmarketcap.com/v1/ticker/", function(data) {
		
		var color = 0;
		for(x=0; x<30; x++)
		{
			if(data[x].percent_change_24h > 0) color = '#5cb85c';
			else if(data[x].percent_change_24h < 0) color = '#d44950';
			
			$("#table").append("<tr><td>"+data[x].rank+'</td><td><a href="http://krypto-informacje.pl/'+data[x].id+'" target="_blank"><b>'+data[x].name+'</b></a> <img src="https://files.coinmarketcap.com/static/img/coins/16x16/'+data[x].id+'.png"></td><td>'+data[x].symbol+"</td><td>$"+data[x].price_usd+"</td><td>"+data[x].price_btc+' BTC</td><td style="color:'+color+'">'+data[x].percent_change_24h+"%</td></tr>");
		}
		
	});
	
	</script>
	
	<div class="table-responsive">
		<table class="table table-striped table-bordered" data-toggle="table">+
			<thead>
				<tr>
					<th>#</th>
					<th data-field="fruit" data-sortable="true">Nazwa</th>
					<th>Symbol</th>
					<th>Wartość (USD)</th>
					<th>Wartość (BTC)</th>
					<th>Zmiana (24h)</th>
				</tr>
			</thead>
			<tbody id="table"></tbody>
		</table>
	</div>

 

Answer 1

Promise. Jquery ajax właśnie zwraca taki interfejs: 

http://api.jquery.com/jquery.ajax/ 

http://api.jquery.com/category/deferred-object/

Musisz wpierw uzupelnic tabele, a pozniej odpalic skrypt sortujacy.

Zapewne skrypt odpalasz czymś takim:

$(document).ready(function() {
    $('#example').DataTable();
} );

Wstaw tę funkcje do callbacka w http://api.jquery.com/deferred.done/