Des tableaux WordPress plus responsive avec des en-têtes répétés

Les tables WordPress sont une épée à double tranchant, malgré les progrès de WordPress au fil des ans. Ce sont les candidats parfaits pour présenter des données, mais défavorables pour raconter une histoire. Si vous pensez que ce n'est pas assez grave, attendez d'entendre parler des smartphones et des tablettes: des appareils sur lesquels vous avez encore moins d'espace pour afficher les données. Il y a certains inconvénients de la table avec lesquels vous devez apprendre à vivre, mais la réactivité n'en fait pas partie.

La dernière mise à jour majeure de WP Table Manager a introduit une nouvelle conception réactive pour les tables avec des options réactives supplémentaires. Il existe désormais une version plus récente et améliorée du gestionnaire de tableaux WordPress qui ajoute un nouveau mode réactif et de nouvelles options pour vous aider à personnaliser les tableaux réactifs et leur comportement : les en-têtes répétés.

Tableaux responsive avec en-têtes répétés

Que se passe-t-il lorsqu'il n'y a pas assez d'espace pour afficher un tableau ? Dans la mise à jour précédente, WP Table Manager vous proposait deux options réactives : ajouter une barre de défilement et masquer les colonnes. Ces deux modes ont leurs applications, mais si vous souhaitez éviter le défilement horizontal ou le masquage de données, le nouveau troisième mode pourrait être ce que vous recherchez : les en-têtes répétés.

Le mode réactif des en-têtes répétés, comme tous les autres modes, est par défaut une table normale lorsqu'il y a suffisamment d'espace, comme sur un appareil de bureau, comme des ordinateurs ou des ordinateurs portables. Lorsqu'il n'y a pas assez d'espace, il se réduit en un tableau plus simple avec deux colonnes : l'en-tête du tableau et la valeur de la ligne.

En pratique, cela signifie que si vous avez quatre colonnes dans un tableau, chaque ligne du tableau d'origine sera représentée par quatre nouvelles lignes dans la version responsive. Chaque nouvelle ligne ne contient que l'en-tête d'origine et sa valeur de données. Ce schéma s'applique à chaque ligne du tableau d'origine, il y a donc toujours un en-tête répété à côté des valeurs de données.

Grâce à ce comportement réactif simple, le mode tableau des en-têtes répétés vous permet d'ajouter autant de données que vous le souhaitez à vos tableaux sans jamais avoir à vous soucier de son apparence sur les mobiles et les tablettes. De plus, WP Table Manager utilise des couleurs alternées pour les lignes sur des appareils plus petits: chaque ligne de la table d'origine obtient une couleur différente, préservant le contexte et permettant à vos lecteurs WordPress de faire la distinction entre les enregistrements.

Personnalisation des tableaux responsive en mode d'en-têtes répétés

Vous pouvez choisir le mode d'en-têtes répétés lors de la modification d'un tableau : choisissez les options réactives dans le Format , puis recherchez le d'en-têtes répétés dans la première liste déroulante. Vous pouvez également personnaliser le tableau des en-têtes répétés de deux manières : le point d'arrêt réactif et la hauteur maximale réactive.

Le point d'arrêt réactif est la largeur en dessous de laquelle le plugin WordPress de gestion de table arrête le rendu de la table comme d'habitude, et passe à la place en mode d'en-têtes répétés et responsive. Vous pouvez estimer cette valeur en fonction de votre thème WordPress et du nombre de colonnes que vous avez: si vous pensez que le tableau ne rentrera pas en dessous d'une certaine largeur, utilisez-le comme point d'arrêt.

Si vous avez plusieurs lignes ou plusieurs colonnes, il est possible que le mode d'en-têtes répétés crée une très longue page. La hauteur maximale réactive résout ce problème en plafonnant la hauteur du tableau des en-têtes répétés en mode réactif. Si le tableau réactif est trop long, vos lecteurs WordPress peuvent utiliser une barre de défilement pour afficher plus de données comme d'habitude.

Il n’existe pas de solution miracle pour les tableaux responsive, mais le mode en-têtes répétés pour les tableaux WordPress s’en rapproche. Que vous ayez une petite table ou une grande table avec de nombreuses lignes et colonnes, le nouveau mode d'en-têtes répétés de WP Table Manager garantit que vos données tiennent toujours, quel que soit l'appareil.