![\"Comment](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-192339-61e8a3531aad4.jpg\")
<\/a><\/p>\nOui, c’est une tr\u00e8s longue capture d’\u00e9cran. Vous pouvez consulter la table m\u00e9t\u00e9o dynamique ici<\/a>.<\/p>\n Pour cr\u00e9er une table m\u00e9t\u00e9o comme celles que nous avons pr\u00e9sent\u00e9es pr\u00e9c\u00e9demment, vous avez peu d’options en fonction de vos donn\u00e9es sources.<\/p>\n Si vous n’avez pas de source de donn\u00e9es, vous pouvez cr\u00e9er votre table m\u00e9t\u00e9o \u00e0 partir de z\u00e9ro avec l’option "Cr\u00e9er des tables manuellement"<\/a> o\u00f9 vous ins\u00e9rerez les donn\u00e9es manuellement.<\/p>\n Pour commencer \u00e0 cr\u00e9er une table de donn\u00e9es manuellement, ouvrez votre panneau d’administration WordPress, allez dans wpDataTables -> Cr\u00e9er une table<\/strong>, choisissez la troisi\u00e8me option "Cr\u00e9er une table manuellement"<\/strong>, et cliquez sur "Suivant"<\/strong>.<\/p>\n Vous verrez l’\u00e9tape de l’assistant qui vous aidera \u00e0 cr\u00e9er la structure de la table o\u00f9 vous cr\u00e9erez 14 colonnes: P\u00e9riode, Ann\u00e9e, et toutes les autres seront les noms des mois (Jan, F\u00e9v\u2026). Pour les colonnes P\u00e9riode, vous laisserez le type de colonne sur "Cha\u00eene sur une ligne"<\/strong> et pour tous les autres, vous d\u00e9finirez le type de colonne "Entier" .<\/strong><\/p>\n Lorsque vous avez fini de configurer le tableau, cliquez sur "Cr\u00e9er le tableau"<\/strong>. Une liste d\u00e9roulante s’ouvrira avec des options pour "Ouvrir dans l’\u00e9diteur standard" ou "Ouvrir dans l’\u00e9diteur de type Excel" et c’est tout. La structure du tableau est cr\u00e9\u00e9e. Vous allez maintenant ins\u00e9rer vos donn\u00e9es dans l’ \u00e9diteur standard<\/a> ou dans un \u00e9diteur de type Excel<\/a>.<\/p>\n Si vous avez des donn\u00e9es dans une source de donn\u00e9es telle qu’Excel, CSV, JSON, une feuille de calcul Google, XML, un tableau s\u00e9rialis\u00e9 PHP ou dans une table de la base de donn\u00e9es (source SQL), vous utiliserez la deuxi\u00e8me option de l’assistant de table.<\/p>\n Pour commencer \u00e0 cr\u00e9er une table de donn\u00e9es li\u00e9e \u00e0 une source de donn\u00e9es existante, ouvrez votre panneau d’administration WordPress, allez dans wpDataTables -> Cr\u00e9er une table<\/strong>, choisissez la deuxi\u00e8me option "Cr\u00e9er<\/strong> une table de donn\u00e9es li\u00e9e \u00e0 une source de donn\u00e9es existante".<\/strong>, et cliquez sur "Suivant"<\/strong>.<\/p>\n Selon la source que vous avez, vous suivrez les instructions\u00a0:<\/p>\n Comment cr\u00e9er une table bas\u00e9e sur MySQL avec wpDataTables<\/a><\/p>\n<\/li>\n Cr\u00e9ation de tableaux dans WordPress \u00e0 partir de feuilles de calcul Google<\/a><\/p>\n<\/li>\n Cr\u00e9er des tableaux dans WordPress \u00e0 partir d’Excel<\/a><\/p>\n<\/li>\n Comment cr\u00e9er un tableau \u00e0 partir de donn\u00e9es CSV<\/a><\/p>\n<\/li>\n Cr\u00e9ation de tableaux dans WordPress \u00e0 partir d’une entr\u00e9e JSON<\/a><\/p>\n<\/li>\n Comment cr\u00e9er des tableaux dans WordPress avec une entr\u00e9e XML<\/a><\/p>\n<\/li>\n Cr\u00e9ation de tableaux dans WordPress bas\u00e9s sur des tableaux PHP s\u00e9rialis\u00e9s<\/a><\/p>\n<\/li>\n<\/ul>\n Pour ce tableau, nous utilisons CSV comme source de donn\u00e9es que vous pouvez t\u00e9l\u00e9charger ici<\/a>. Vous choisirez CSV comme "Type de source de donn\u00e9es d’entr\u00e9e"<\/strong>, puis sur le bouton Parcourir, trouvez que<\/p>\n la source que vous avez pr\u00e9c\u00e9demment t\u00e9l\u00e9charg\u00e9e et t\u00e9l\u00e9charg\u00e9e sur votre serveur. Cliquez sur Enregistrer les modifications<\/strong>, ainsi wpDataTables lira le fichier CSV que vous avez t\u00e9l\u00e9charg\u00e9 et la table sera cr\u00e9\u00e9e.<\/p>\n Apr\u00e8s avoir cr\u00e9\u00e9 le tableau, avec l’une des deux options, vous pouvez personnaliser<\/a> et configurer<\/a> votre tableau WordPress selon vos besoins.<\/p>\n Dans notre cas, nous activons d’abord l’option \u00ab\u00a0Afficher les filtres dans un<\/strong> formulaire au-dessus du tableau\u00a0\u00bb<\/strong> sur l’onglet \u00ab\u00a0Tri et filtrage<\/strong>\u00bb dans les param\u00e8tres du tableau, puis configurons les filtres avanc\u00e9s<\/a> pour chaque colonne. Pour la colonne P\u00e9riode, nous d\u00e9finissons ‘Select Box filter’ et ‘Number filter’ pour toutes les autres colonnes.<\/p>\n Ensuite, nous activons l’option "R\u00e9activit\u00e9"<\/strong> sur l’ onglet "Affichage"<\/strong> dans les param\u00e8tres du tableau et masquons toutes les colonnes "Mois" pour les tablettes et les appareils mobiles dans chaque param\u00e8tre de colonne<\/a> ou plus rapidement dans le bouton Liste des colonnes<\/a> au-dessus du tableau.<\/p>\n Pour personnaliser la couleur des donn\u00e9es du tableau, nous utilisons le formatage conditionnel<\/a>. Pour la premi\u00e8re colonne, nous d\u00e9finissons la condition que si la cellule contient 2 alors "D\u00e9finir la classe CSS de la cellule<\/strong> " sur "texte bleu-blanc".<\/p>\n Ensuite, nous cr\u00e9ons ces classes dans le champ \u00ab\u00a0CSS personnalis\u00e9\u00a0\u00bb de l’onglet \u00ab**<\/strong>\u00a0Personnaliser\u00a0\u00bb** dans les param\u00e8tres du tableau comme celui-ci\u00a0:<\/p>\n Comme \u00e7a:<\/p>\n O\u00f9 le num\u00e9ro 1 dans .wpDataTable-1 est l’ID de votre table, vous devrez donc le changer pour votre table<\/p>\n Pour toutes les autres colonnes, nous d\u00e9finissons les m\u00eames conditions pour d\u00e9finir des couleurs diff\u00e9rentes en fonction de la valeur du tableau de la temp\u00e9rature maximale.<\/p>\n Pour le deuxi\u00e8me tableau \u00ab\u00a0Basse temp\u00e9rature\u00a0\u00bb, nous utilisons la m\u00eame approche que pour le tableau \u00ab\u00a0Temp\u00e9rature maximale\u00a0\u00bb, \u00e0 l’exception des conditions en format conditionnel. Comme il s’agit de la valeur inf\u00e9rieure de la temp\u00e9rature, nous utilisons ces conditions.<\/p>\n Ensuite, nous cr\u00e9ons ces classes dans le champ \u00ab\u00a0CSS personnalis\u00e9\u00a0\u00bb de l’onglet \u00ab**<\/strong>\u00a0Personnaliser\u00a0\u00bb** dans les param\u00e8tres du tableau comme celui-ci\u00a0:<\/p>\n O\u00f9 le num\u00e9ro 2 dans .wpDataTable2 est l’ID de votre table, vous devrez donc le changer pour votre table.<\/p>\n C’est \u00e7a!<\/p>\n Maintenant, ce que vous devez faire est d’appara\u00eetre sur vos pages dans le front-end. Comme avec tout autre plugin, nous utilisons des codes abr\u00e9g\u00e9s pour afficher des tableaux sur les pages ou les publications des utilisateurs. L’ajout<\/a> de codes abr\u00e9g\u00e9s<\/a> est tr\u00e8s simple, surtout si vous utilisez des constructeurs de pages populaires comme Elementor, WP Bakery ou Gutenberg.<\/p>\n \u00cates-vous int\u00e9ress\u00e9 \u00e0 cr\u00e9er plus que de simples tables m\u00e9t\u00e9o?<\/p>\n Vous devez jeter un \u0153il \u00e0 certains des autres tableaux de la section vitrine<\/a>.<\/p>\n wpDataTables est utilis\u00e9 pour g\u00e9n\u00e9rer une repr\u00e9sentation graphique des donn\u00e9es statistiques sous forme de graphiques.<\/p>\n Dans cet exemple, les crypto-monnaies sont class\u00e9es dans une table \u00e0 l’aide de wpDataTables. Vous pouvez ajouter ce type de table de chiffrement \u00e0 votre site avec quelques ajustements.<\/p>\n Ce tableau peut \u00eatre utilis\u00e9 pour comparer les produits<\/a>. Par exemple, si vous avez un site Web o\u00f9 vous pr\u00e9sentez et faites la promotion de produits, le tableau peut afficher les caract\u00e9ristiques des produits les plus populaires.<\/p>\n Le plugin est utilis\u00e9 pour cr\u00e9er un tableau qui affiche les donn\u00e9es financi\u00e8res par pays. \u00c9videmment, il peut \u00eatre adapt\u00e9 \u00e0 la pr\u00e9sentation de diff\u00e9rents types de donn\u00e9es financi\u00e8res.<\/p>\n Ce style de tableau fonctionne bien pour un site affili\u00e9 ou une librairie en ligne.<\/p>\n wpDataTables peut cr\u00e9er une liste de fonds communs de placement, tri\u00e9s par performance.<\/p>\n wpDataTables est utilis\u00e9 pour afficher la configuration du pilote.<\/p>\n Si vous travaillez avec des tables, voici quelques raisons pour lesquelles une licence wpDataTables r\u00e9pondra \u00e0 vos besoins.<\/p>\n Les tables cr\u00e9\u00e9es avec le plugin wpDataTables sont intrins\u00e8ques et enti\u00e8rement r\u00e9actives. Il n’y a aucune restriction en ce qui concerne les plates-formes ou les types d’appareils.<\/p>\n Les grandes tables ne sont pas un probl\u00e8me. wpDataTables g\u00e8re les tables avec des millions de lignes rapidement et de mani\u00e8re fiable. Le serveur MySQL traite toutes les op\u00e9rations.<\/p>\n Des filtres individuels pour votre ensemble de donn\u00e9es peuvent \u00eatre d\u00e9velopp\u00e9s. Ceci est tr\u00e8s utile pour affiner les donn\u00e9es dans un tableau WordPress.<\/p>\n wpDataTables a la possibilit\u00e9 de le rendre modifiable. Le contenu des tableaux WordPress peut ainsi \u00eatre \u00e9dit\u00e9 en ligne ou sous forme g\u00e9n\u00e9r\u00e9e.<\/p>\n Notre plugin de tableaux WordPress a une fonctionnalit\u00e9 similaire \u00e0 la mise en forme conditionnelle dans Excel. En fonction de leur contenu, vous pouvez mettre en surbrillance des colonnes, des lignes ou des cellules individuelles.<\/p>\n Les donn\u00e9es des tableaux WordPress peuvent \u00eatre utilis\u00e9es pour g\u00e9n\u00e9rer des graphiques WordPress. Trois moteurs puissants sont utilis\u00e9s pour g\u00e9n\u00e9rer ces graphiques, qui sont mis \u00e0 jour en temps r\u00e9el.<\/p>\n wpDataTables r\u00e9sout avec succ\u00e8s diff\u00e9rentes t\u00e2ches pour plus de 40 000 clients chaque jour. Cela inclut l’interaction avec les bases de donn\u00e9es, les rapports commerciaux, les catalogues, les tableaux de bord scientifiques et bien d’autres.<\/p>\n wpDataTables a \u00e9t\u00e9 une merveilleuse solution pour nous! Nous \u00e9tions d\u00e9j\u00e0 tr\u00e8s impressionn\u00e9s par les capacit\u00e9s du plugin d\u00e8s la sortie de la bo\u00eete. Les plugins TMS ont travaill\u00e9 avec nous pour le personnaliser sp\u00e9cialement pour nos besoins. Les personnalisations nous ont permis de cr\u00e9er une interface intuitive pour les clients, pour la saisie et l’\u00e9dition des donn\u00e9es. Le support client et la r\u00e9activit\u00e9 sont irr\u00e9prochables. wpDataTables est tout simplement un excellent produit.<\/p>\n<\/blockquote>\n -Sara Woodmansee, \u00c9tats-Unis. Photographe & Geo Mapping chez Geo1 \/ Aerial Filmworks<\/p>\n Du point de vue d’un d\u00e9veloppeur Web et d’un client, wpDataTables est l’un des meilleurs plugins que j’ai rencontr\u00e9s. Non seulement le prix est bon mais aussi la fonctionnalit\u00e9 est parfaite. Extr\u00eamement facile \u00e0 utiliser et tr\u00e8s bien con\u00e7u. Il poss\u00e8de de nombreuses fonctionnalit\u00e9s qui conviennent \u00e0 tous, des d\u00e9butants aux niveaux avanc\u00e9s. Les vid\u00e9os qui compl\u00e8tent le plugin sont bien expliqu\u00e9es en profondeur avec de nombreux exemples. Je ne saurais trop insister sur le fait que cela a rendu mon d\u00e9veloppement Web plus facile et plus cool.<\/p>\n<\/blockquote>\n \u2013 Nordine Benhamari, Royaume-Uni. D\u00e9veloppeur Web, concepteur de bases de donn\u00e9es chez Thanet Volunteer Bureau<\/p>\n Si vous avez aim\u00e9 lire cet article sur la cr\u00e9ation de tables m\u00e9t\u00e9o, vous devriez consulter celui-ci sur les plugins g\u00e9n\u00e9rateurs de tables WordPress<\/a>.<\/p>\n Nous avons \u00e9galement \u00e9crit sur quelques sujets connexes tels que l’alternative DataTables<\/a>, la biblioth\u00e8que de tables JavaScript<\/a>, les plugins de table WordPress<\/a>, comment cr\u00e9er une table dans WordPress sans plugin<\/a>, comment ins\u00e9rer une table dans WordPress<\/a> et les plugins de table de tarification WordPress<\/a>.<\/p>\n1 Cr\u00e9er un tableau \u00e0 partir de rien<\/strong><\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n2 Cr\u00e9er une table \u00e0 partir d’une source de donn\u00e9es<\/strong><\/h3>\n
<\/a><\/p>\n\n
<\/a><\/p>\n<\/a><\/p>\n.wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.blue{ background-color: #0083c2 !important;}\n\n.wpdt-c .wpDataTablesWrapper .wpDataTable-1 td.white-text{ color: #FFFFFF !important;}<\/code><\/pre>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n.wpdt-c .wpDataTablesWrapper .wpDataTable-2 td.white-text{ color: #FFFFFF !important;}\n\n.wpdt-c .wpDataTablesWrapper .wpDataTable-2 td.black-text{ color: #000000 !important;}<\/code><\/pre>\nPlus de styles de table que vous pouvez cr\u00e9er avec wpDataTables<\/h2>\n
Tableaux statistiques avec graphiques<\/h3>\n
<\/a><\/p>\nTableau de classement des crypto-monnaies<\/h3>\n
<\/a><\/p>\nCatalogue d’ordinateurs portables en ligne<\/h3>\n
<\/a><\/p>\nRapports financiers<\/h3>\n
<\/a><\/p>\nCatalogue de livres<\/h3>\n
<\/a><\/p>\nFonds communs de placement<\/h3>\n
<\/a><\/p>\nCatalogue de pilotes<\/h3>\n
<\/a><\/p>\nRejoignez la communaut\u00e9 wpDataTables<\/h2>\n
\n
Avec lui, vous pouvez cr\u00e9er des tableaux et des graphiques WordPress r\u00e9actifs<\/h3>\n
Vous pouvez cr\u00e9er de grandes tables<\/h3>\n
Filtres avanc\u00e9s et options de recherche<\/h3>\n
<\/a><\/p>\nEditabilit\u00e9<\/h3>\n
Mise en surbrillance des cellules<\/h3>\n
Beaucoup d’options de graphiques<\/h3>\n
<\/a><\/p>\nQuelques avis que nous avons re\u00e7us au fil des ans<\/h3>\n
\n
\n