• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Sortowanie tabeli bootstrap

VPS Starter Arubacloud
0 głosów
1,188 wizyt
pytanie zadane 14 września 2017 w JavaScript przez Caesar Początkujący (310 p.)

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>

 

1 odpowiedź

0 głosów
odpowiedź 14 września 2017 przez xandros Nałogowiec (29,450 p.)
edycja 14 września 2017 przez xandros

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/

Podobne pytania

0 głosów
0 odpowiedzi 503 wizyt
pytanie zadane 17 września 2018 w JavaScript przez patrykps Nowicjusz (140 p.)
0 głosów
0 odpowiedzi 1,200 wizyt
pytanie zadane 30 sierpnia 2017 w JavaScript przez naaatasha Nowicjusz (120 p.)
0 głosów
3 odpowiedzi 556 wizyt

92,452 zapytań

141,262 odpowiedzi

319,077 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...