Forcer la largeur des colonnes dans un tableau spip

[JASEUR_BOREAL]

Comment forcer la largeur des colonnes dans un tableau spip ?Même en ajoutant dans perso.css les précisions suivantes, cela ne fonctionne pas.

.article1618 th:first-child {
width: 10%;
}
.article1618 th:nth-child(2){
width: 50%;
}

Comment faire pour que la colonne n°2, « Partis » s’affiche bien plus large que les autres colonnes coté public ?
Coté privé, le tableau s’affiche très proportionnel, et c’est très bien !

Comment afficher le tableau coté public, comme il s’affiche coté privé ?Exemple en direct ici : https://www.lettonie-francija.fr/1618

Merci de vos trucs .

Merci de vos trucs et astuces.

[Jean_Christophe_Vill (Jean Christophe Villeneuve)]

Alors là je sèche

J’ai fait quelques tests en ajoutant ces règles avec l’outil de dev de firefox et ça fonctionne

Pourquoi les mêmes règles dans le perso.css ne font rien ? mystère

Comment spip fait pour que ce soit automatique dans l’espace privé ? j’aimerai bien le savoir !

JC

[Jean_Christophe_Vill (Jean Christophe Villeneuve)]

ah mais ça ne fonctionne plus sur escal non plus ???

Je cherche !

[Jean_Christophe_Vill (Jean Christophe Villeneuve)]

J’avais le même souci sur Escal

la règle css est bonne mais c’est le cache css qui déconne je pense

J’ai supprimé /local/cache-css par ftp et ça refonctionne

essaie de faire pareil de ton côté

JC

[Jean_Christophe_Vill (Jean Christophe Villeneuve)]

pour compléter

Attention tes règles css ne sont pas bonnes : 10+50+50 = 110 % et il reste 2 colonnes !

[JASEUR_BOREAL]

Même avec vidage du /local/cache-css par ftp, ça ne fonctionne pas !

.article1618 th:first-child {width: 10%;}
.article1618 th:nth-child(2){width: 52%;}
.article1618 th:nth-child(3){width: 18%;}
.article1618 th:nth-child(4){width: 10%;}
.article1618 th:nth-child(5){width: 10%;}

[JASEUR_BOREAL]

Avez-vous déjà testé dans Escal le plugin Tablesorter pour SPIP ?afin de trier les tableaux html en cliquant sur les entêtes des colonnes ?

Le plugin jQuery « TableSorter »est adapté pour SPIP https://contrib.spip.net/Tablesorter-pour-SPIP#nb4-2

Merci de vos avis

[essaillon]

Slt,

ça marche

Tu veux un tuto perso pour créer les fichiers nécessaires ?

[JASEUR_BOREAL]

Merci pour l’exemple.
Oui un tuto simple peut-être pratique et aussi pour d’autres escaliens.
Nous sèchons en ces moments sur le réglage des largeurs de colonnes …

[essaillon]

Voilà pour le tuto.

Pas trouvé comment modifier proprement la largeur des colonnes.

[JASEUR_BOREAL]

Il y a un truc :
Quand avec l’inspecteur, on supprime le réglage width: 90% dans « table.spip », les largeurs de colonnes s’adaptent seules sous firefox

[JASEUR_BOREAL]

Et pareil si l’on change la règle CSS de table.spip { table-layout: fixed; } en " table-layout: auto;"
mais quand on met cela dans perso.CSS, cela ne fonctionne pas sous firefox, même en ayant vidé tous les caches … ?
Qui va trouver le truc ?

[JASEUR_BOREAL]

Il y a un truc à tester et trouver avec ceci :

https://developer.mozilla.org/fr/docs/Web/CSS/table-layout

@+

[essaillon]

Bsr,

Je pense que l’appel n’est pas le bon

th est un paramètre de table.spip
=> table.spip th:first-child {

[essaillon]

Une méthode « non css »

[essaillon]

A y est !

voici la bonne syntaxe
.articleXXX table.spip {table-layout: auto;}

visible avec Firefox

[essaillon]

Et – tjs avec Firefox –

table.spip {table-layout: auto;}
seul, fonctionne sur tout le site

NB : il ne faut pas se contenter de vider le cache (inutile pour le css), il faut recalculer la page.

[Jean_Christophe_Vill (Jean Christophe Villeneuve)]

Intéressant mais pas vraiment adaptable à Escal.

JC

[essaillon]

La preuve en images :

Dans cette page il y a plusieurs tableaux dont les colonnes ont toutes une taille adaptée au contenu :
perso.css table.spip {table-layout: auto;}

[Jean_Christophe_Vill (Jean Christophe Villeneuve)]

Ok ok
C’est livré dans escal !

JC