28172 sujets

CSS et mise en forme, CSS3

Bonsoir,
Pour un site associatif, nous avons souvent à intégrer de longs tableaux (>400 lignes) pour lesquels nous souhaitons pouvoir définir un style de type :
-ligne entête : type police, attributs, couleur de fond
-ligne 1 : type police, attributs, couleur fond1
-ligne2 : type police, attributs, couleur fond2
Nous avons déjà défini les "class" définissant ces styles. Pour les petits tableaux, nous les formatons à la main.
Mais pour les longs tableaux, nous voudrions que l'alternance de style "une ligne sur deux" se fasse ... toute seule.
Bien sûr, nous pouvons formater automatiquement ces tableaux depuis notre éditeur Web ... mais cela génère un code HTML assez monstrueux puisque chaque ligne se voit attribuer le font, le bgcolor, le strong...

Nous voudrions donc pouvoir définir un "style tableau" que nous pourrions appliquer simplement en sélectionnant ce tableau et lui appliquant le style défini.
Ensuite, nous ajouterions ce style dans notre feuille CSS.

Est-ce possible ?

Helem
Bonjour,

Côté CSS, il faudra forcément avoir une classe "pair" et une classe "impair" ou quelque chose de ce genre. Ce qui signifie:
- soit ajouter ces classes à la main;
- soit générer le tableau avec un langage dynamique tel que PHP et utiliser une condition de type modulo pour générer la bonne classe à chaque ligne;
- soit utiliser un script Javascript pour rajouter les classes en question aux lignes du tableau.

Si on travaille sur des données statiques (pas issues d'une base de données), la solution Javascript me semble être la plus raisonnable.

En passant, il y a aussi des fonctions JS pour rajouter des fonctionnalités de tri par colonne des données. C'est assez intéressant et dans certains cas ça peut être utile. Par contre je ne suis pas sûr des performances sur un tableau de plus de quatre cent lignes.