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

Les tables WordPress sont une arme à double tranchant, malgré les progrès de WordPress au fil des ans. Elles sont les candidates parfaites pour présenter des données, mais pas 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 où vous avez encore moins d'espace pour afficher des données. Il y a certains inconvénients aux tables que vous devez apprendre à vivre, mais la réactivité n'en est pas un.

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. Maintenant, il existe une version plus récente et meilleure du gestionnaire de tables WordPress qui ajoute un nouveau mode réactif et de nouvelles options pour vous aider à personnaliser les tables réactives et leur comportement : les en-têtes répétés.

Tableaux responsifs 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 donné deux options responsives : 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 masquer des données, le nouveau troisième mode pourrait être ce que vous recherchez : les en-têtes répétés.

Le mode responsif à en-têtes répétés, comme tous les autres modes, revient par défaut à un tableau normal lorsqu'il y a suffisamment d'espace, comme sur un appareil de bureau, tel que 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 n'a 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 de 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 obtient une couleur différente, préservant le contexte et permettant à vos lecteurs WordPress de faire la distinction entre les enregistrements.

Personnalisation des tables réactives 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 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 réactif est la largeur en dessous de laquelle le plugin de gestionnaire de table WordPress arrête de rendre la table comme d'habitude, et bascule à la place en mode réactif avec des en-têtes répétés. Vous pouvez estimer cette valeur en fonction de votre thème WordPress et du nombre de colonnes que vous avez : si vous pensez que la table ne conviendra 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 d'en-têtes répétés crée une page très longue. La hauteur maximale responsive traite ce problème en plafonnant la hauteur du tableau à en-têtes répétés en mode responsive. Si le tableau responsif est trop long, vos lecteurs WordPress peuvent utiliser une barre de défilement pour afficher plus de données comme d'habitude.

Il n'y a pas de solution miracle pour les tableaux responsifs, mais le mode d'en-têtes répétés pour les tableaux WordPress s'en rapproche. 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 de WP Table Managers'assure que vos données sont toujours adaptées, quel que soit l'appareil.