TablePress: controler la largeur des colonnes du tableau

Le plugin TablePress permet d'inserer facilement des tableaux mais le contrôle de la largeur des colonnes n'est pas très évident.

Largeur totale du tableau: l'affichage va dépendre du thème choisi et de l'utilisation ou non de la barre de menu latérale.
Pour la famille de thèmes 2010,2011,2012, etc.., la configuration classique donne un tableau de largeur maxi = 620 px.

On peut contrôler la largeur de chaque colonnes (et bien plus encore) en modifiant la feuille de style personnalisée (Custom CSS). Réservé aux experts. Pour en savoir plus: http://wordpress.org/support/topic/table-width

La manière la plus simple est de passer des paramètres au plugin depuis la page qui appelle le shortcode.

Par exemple, pour afficher un tableau de 4 colonnes avec des largeurs 60,300,300,60 avec ce code:
[table id=1 column_widths="60px|300px|200px|60px" /]

Attention au piège: ne pas oublier de désactiver l'utilisation de "CSS Personnalise" pour ce tableau . Sinon les parametres ci-dessus seront tout simplement ignores.
Ce n'est pas très facile a trouver:

  • Édition du Tableau -> Classes CSS additionnelles -> Code CSS personnalise
  • Décocher l'option Charger ces commandes de “CSS personnalisé” pour influencer le style du tableau

Les options de tri: si vous ne souhaitez pas que l'utilisateur puisse trier le tableau, il faut désactiver les option "TableScript". La présentation sera plus claire.

Ce contenu a été publié dans FAQ, FAQRedac. Vous pouvez le mettre en favoris avec ce permalien.