JQuery tabel met zebra kleuren
Hallo iederen
Omdat ik het toch beter leesbaar vond, een tabel met zebra kleuren, dus de even rijen bijvoorbeeld grijs en de andere wit, wil ik dit met JQuery doen!
Ik weet hoe simpel het is want het werkt. Maar ik gebruik een soort plug-in die ervoor zorgt dat ik heel gemakkelijk de tabellen kan sorteren. Maar wanneer ik daar dus op klik kloppen de kleuren soms en soms niet. Daardoor moest ik zelf een code schrijven, hier kwam ik op, maar dit werkt pas na tweemaal klikken en ik wil het natuurlijk na eenmaal!
Alvast bedankt
Omdat ik het toch beter leesbaar vond, een tabel met zebra kleuren, dus de even rijen bijvoorbeeld grijs en de andere wit, wil ik dit met JQuery doen!
Ik weet hoe simpel het is want het werkt. Maar ik gebruik een soort plug-in die ervoor zorgt dat ik heel gemakkelijk de tabellen kan sorteren. Maar wanneer ik daar dus op klik kloppen de kleuren soms en soms niet. Daardoor moest ik zelf een code schrijven, hier kwam ik op, maar dit werkt pas na tweemaal klikken en ik wil het natuurlijk na eenmaal!
Code (php)
1
2
3
4
5
2
3
4
5
$('.messages .header').click(function() {
$('tr').removeClass('even uneven');
$('tr:even').addClass('even');
$('tr:odd').addClass('uneven');
});
$('tr').removeClass('even uneven');
$('tr:even').addClass('even');
$('tr:odd').addClass('uneven');
});
Alvast bedankt
Gewijzigd op 25/12/2014 12:53:40 door Bas IJzelendoorn
PHP hulp
28/11/2024 11:29:50Erwin H
22/11/2011 18:47:53Hoe bedoel je "het werkt pas na twee keer klikken". Is het soms dat het sorteren pas NA het toepassen van de zebra kleuren gedaan wordt? In dat geval is het pas na twee keer klikken ja, als je eerst de sort doet en dan de zebra kleuren moet het wel werken.
Het is met een plug-in... Dus je klikt eerst op een tablad en dan zoals je ziet gebruik ik de code hierboven, dus na het aanvragen van het sorteren van de tabel.
Maar toch werkt het niet.
Maar toch werkt het niet.
Erwin H
22/11/2011 19:30:23Op welke manier gebruik je die plugin dan, want die is niet te vinden in je code hierboven. En, waar zit die tweede klik? Moet je dan weer op het tabblad klikken?
Wouter J
22/11/2011 20:07:27Kun je misschien een link geven naar de plugin die je hebt gebruikt?
En wat nog handiger is om even een gestripte code op een site als jsfiddle.net, thinkerbin.com of jsbin.com te zetten en dan het linkje te geven.
En wat nog handiger is om even een gestripte code op een site als jsfiddle.net, thinkerbin.com of jsbin.com te zetten en dan het linkje te geven.