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. Maintenant, il existe une version plus récente et meilleure 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.
Vous recherchez une solution de gestion de table robuste pour les sites Web des clients ?
Des tableaux de prix aux comparaisons de produits, ce plugin offre des fonctionnalités puissantes pour présenter les données de manière claire et conviviale.
Obtenez l'avantage concurrentiel maintenant !
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, prend 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 comme 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 de la table 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 l'édition d'un tableau: choisissez les options réactives dans le menu Format , puis recherchez le mode d'en- tête répété 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.
Appel à tous les webmasters !
Améliorez les sites Web de vos clients avec WP Table Manager . Gérez et personnalisez facilement des tableaux, des graphiques et des feuilles de calcul, offrant aux clients des visualisations de données dynamiques et attrayantes.
Améliorez vos services de conception de sites Web dès aujourd'hui !
Il n'y a pas de solution magique pour les tableaux responsive, mais le mode d'en-têtes répétés pour les tableaux WordPress se 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.
Lorsque vous vous abonnez au blog, nous vous envoyons un e-mail lorsqu'il y a de nouvelles mises à jour sur le site afin que vous ne les manquiez pas.
commentaires