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

Les tableaux WordPress sont une arme à double tranchant, malgré les progrès de WordPress au fil des années. Ils sont les candidats parfaits pour présenter des données, mais peu adaptés pour raconter une histoire. Et si vous pensez que ce n'est pas assez grave, attendez d'entendre parler des smartphones et des tablettes : des appareils où vous avez encore moins d'espace pour afficher des données. Il y a certains inconvénients des tableaux 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 un nouveau design responsive pour les tableaux avec des options responsives supplémentaires. Désormais, il existe une version plus récente et meilleure du gestionnaire de tableaux WordPress qui ajoute un nouveau mode responsive et de nouvelles options pour vous aider à personnaliser les tableaux responsives et leur comportement : les en-têtes répétés.

Tableaux responsives 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 a offert deux options responsives : ajouter une barre de défilement et masquer des 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 à en-têtes répétés, comme tous les autres modes, revient à un tableau normal lorsqu'il y a suffisamment d'espace, par exemple sur un appareil de bureau, comme un ordinateur ou un ordinateur portable. Lorsqu'il n'y a pas assez d'espace, il se réduit à un tableau plus simple à 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, de sorte qu'il y a 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 à 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 leur apparence sur les mobiles et les tablettes. De plus, WP Table Manager utilise des couleurs alternées pour les lignes sur les appareils plus petits : chaque ligne du tableau d'origine reçoit une couleur différente, préservant le contexte et permettant à vos lecteurs WordPress de distinguer les enregistrements.

Personnaliser les tableaux responsives en mode 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 options responsives dans le menu format , puis recherchez le mode en-tête répété dans la première liste déroulante. Vous pouvez également personnaliser le tableau à en-têtes répétés de deux manières : le point de rupture responsive et la hauteur maximale responsive.

Le point de rupture responsive correspond à la largeur en dessous de laquelle le plugin de gestion de tableaux WordPress cesse d'afficher le tableau comme d'habitude et bascule à la place en mode responsive avec en-têtes répétés. Vous pouvez estimer cette valeur en fonction de votre thème WordPress et du nombre de colonnes dont vous disposez : si vous pensez que le tableau ne tiendra pas en dessous d'une certaine largeur, utilisez-la comme point de rupture.

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

Il n'existe pas de solution miracle pour les tableaux responsives, mais le mode d'en-têtes répétés pour les tableaux WordPress s'en approche. Que vous ayez un petit tableau ou un grand tableau avec de nombreuses lignes et colonnes, le nouveau mode d'en-têtes répétés d' WP Table Managergarantit que vos données s'adaptent toujours, quel que soit l'appareil.