Formatera tabellrader <TD> , listor <LI> och <DIV> enligt ett angivet intervall. Det kan vara varannan rad, var 3:e rad rad, var 6:e rad osv. Exemplet nedan är en oformaterad tabell:

I exemplet nedan används jQuery för att formatera varannan rad:

 

Varannan rad i tabell

I exemplet nedan används jQuery för att formatera varannan rad, förutom rubrikraden:

Tabellen är formaterad med CSS och du kan se exemplet här:
Formatera tabellrader - exempel 1 

 

Egna intervall i tabell

I exemplet nedan används jQuery för att formatera var 5:e rad, förutom rubrikraden:

Tabellen är formaterad med CSS och du kan se exemplet här:
Formatera tabellrader - exempel 2 

 

Egna intervall i listor

I exemplet nedan används jQuery för att formatera varannan rad i en numrerad lista:

Listan är formaterad med CSS och du kan se exemplet här:
Vi använder WDS guider i undervisningen 

 

Klicka på ikonen nedan för att läsa hela guiden med kod och beskrivningar!

 

Copyright © www.webdesignskolan.se
Materialet får skrivas ut och användas för personligt bruk.
Användning i undervisningssyfte är ej tillåten utan vårt tillstånd - läs mer här »