Highligt in tables


Hello, You often use tables in your pages, and sometimes the reading of many lines and columns is not not easy. There is a means very simple to make definitely more readable your tables. This method is ultra-simple, any Javascript line, completely integrated with your theme cause you use 2 well-known classes, even and odd.
 LigneJour  Temp├â┬®rature (├é┬░C)Pluviom├â┬®trie (ml)
 Indice de confiance
 3  Tuesday 12 0 4
4 Wednesday 16 30 3
 5 Thurday 19 20 3

See method below...


For each line of your table, c'est with saying, for each element HTML [ i]< tr>[/i ], write this:
<tr class="even" onmouseout="this.className='odd';" onmouseover="this.className='even';">

That's all!

There is a small alternative:
If you wish that the line be transformed at the time of your 1st mouseover, then remove in the < tr>, element 'class=even'.

Here, the result:
 LigneJour  Temp├â┬®rature (├é┬░C)Pluviom├â┬®trie (ml)
 Indice de confiance
 3  Mardi 12 0 4
4 Mercredi 16 30 3
 5 Jeudi 19 20 3

Postar um comentário