Jouer avec les largeurs de colonnes

Par défaut, les colonnes d’un tableau s’adaptent à leurs contenus.
Mais on peut modifier ce comportement avec un peu de CSS à placer dans un fichier perso.css qui doit se trouver dans /squelettes/styles

Un exemple :

Un tableau à 3 colonnes de tailles différentes : on retaille la première et la deuxième avec ce code css dans perso.css
On ne modifie le tableau que pour cet article (le 293)

.article293 th:first-child { width: 15%; } .article293 th:nth-child(2){ width: 20%; }

et dans l’article

||Mon tableau||| |{{Colonne 1}}|{{Colonne 2}}|{{Colonne 3}}| |Texte 1-1|Texte 2-1|Texte 3-1| |Texte 1-2|Texte 2-2|Texte 3-2|

donne

Mon tableau

Colonne 1	Colonne 2	Colonne 3
Texte 1-1	Texte 2-1	Texte 3-1
Texte 1-2	Texte 2-2	Texte 3-2

 Jouer avec les couleurs

Les couleurs d’un tableau vous gênent ? Pas de souci, on peut les changer.

Un exemple pour avoir des tableaux blancs avec des bords de cases noirs :

table.spip th, table.spip td{ background-color: white; border: 1px solid black; }

et pour cibler un article XX précis

.articleXX table.spip th, .articleXX table.spip td{ background-color: white; border: 1px solid black; }

Et si vous voulez jouer avec les lignes du tableau :

Ligne d’entête

table.spip tr.row_first{ background-color: blue; }

Lignes impaires

table.spip tr.row_odd.odd{ background-color: blue; }

Lignes paires

table.spip tr.row_even.even{ background-color: blue; }