{"id":1832,"date":"2022-11-26T03:52:15","date_gmt":"2022-11-26T03:52:15","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2022\/11\/26\/6475162-hostinger-createur-de-sites-web-comment-ajouter-un-tableau\/"},"modified":"2026-05-08T22:10:36","modified_gmt":"2026-05-08T22:10:36","slug":"6475162-hostinger-createur-de-sites-web-comment-ajouter-un-tableau","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6475162-hostinger-createur-de-sites-web-comment-ajouter-un-tableau\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Sites Web : Comment Ajouter un Tableau"},"content":{"rendered":"<p class=\"no-margin\">Les tableaux sont tr&egrave;s utiles pour afficher des informations particuli&egrave;res telles que les tableaux de tailles ou des prix.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Vous pouvez cr&eacute;er des tableaux &agrave; l&rsquo;aide de g&eacute;n&eacute;rateurs de tableaux en ligne gratuits et les int&eacute;grer &agrave; votre site web. Dans cet exemple, l&rsquo;outil<b> <a href=\"https:\/\/www.tablesgenerator.com\/html_tables\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">G&eacute;n&eacute;rateur de tableaux<\/a><\/b> est utilis&eacute;. Suivez les &eacute;tapes ci-dessous pour cr&eacute;er un tableau simple et l&rsquo;int&eacute;grer sur votre site web &#128071;<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Ouvrez l&rsquo;outil <b><a href=\"https:\/\/www.tablesgenerator.com\/html_tables\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">G&eacute;n&eacute;rateur de tableaux<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Cr&eacute;ez et personnalisez votre tableau &agrave; l&rsquo;aide de la barre d&rsquo;outils et saisissez toutes les valeurs dans les cellules du tableau. Cliquez sur G&eacute;n&eacute;rer :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/b8a06ef3-144e-47cc-a77c-b4ad896c7715.jpg\" data-media-id=\"3968\" alt=\"G&eacute;n&eacute;rateur de tableaux HTML avec la cellule &laquo; Data &raquo; mise en &eacute;vidence et le bouton Generate\"><\/div><p class=\"no-margin\">3. Une fois que vous avez cr&eacute;&eacute; un tableau, copiez le code g&eacute;n&eacute;r&eacute; :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/b9c3dcdf-a120-45e7-b83a-44381ab9b89d.jpg\" data-media-id=\"3970\" alt=\"Bouton &laquo; Copy to clipboard &raquo; mis en &eacute;vidence dans un g&eacute;n&eacute;rateur de tableau HTML\"><\/div><p class=\"no-margin\">4. Ouvrez l&rsquo;&eacute;diteur de votre site web et ajoutez un <b><a href=\"\/fr\/support\/6463152-createur-de-site-web-comment-incorporer-un-code-personnalise\" target=\"_blank\" class=\"intercom-content-link\">&eacute;l&eacute;ment de code incorpor&eacute;<\/a><\/b>. Collez-y le code copi&eacute;. Le tableau cr&eacute;&eacute; sera affich&eacute; sur votre site web :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/77ab457c-82f0-460c-8f63-ec35927c1a4f.jpg\" data-media-id=\"3971\" alt=\"Hostinger Cr&eacute;ateur de sites : code HTML\/CSS soulign&eacute; dans la fen&ecirc;tre Embed code pour un tableau\"><\/div><p class=\"no-margin\"><b>Remarque <\/b>: pour que le tableau soit d&eacute;filable, ajoutez <code>html{ overflow-x: visible; }<\/code> au d&eacute;but de votre code, apr&egrave;s le <code>&lt;style type=\"text\/css\"&gt;<\/code>.<\/p><p class=\"no-margin\">\n<\/p><pre><code>&lt;style type=\"text\/css\"&gt;<br>html{<br>overflow-x: visible;<br>}<br><br>.tg {your code...<\/code><\/pre><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Vous pouvez enregistrer les donn&eacute;es de votre tableau pour les modifier ult&eacute;rieurement &agrave; l&rsquo;aide du bouton Enregistrer le tableau (<b>Save table&hellip;<\/b>) Vous pourrez &agrave; nouveau t&eacute;l&eacute;verser votre tableau sauvegard&eacute; dans cet outil &agrave; l&rsquo;aide du bouton Charger le tableau (<b>Load table&hellip;<\/b>) et apporter des modifications au tableau ult&eacute;rieurement :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/11\/beff4cd8-b37b-441c-963f-65f617a164bd.jpg\" data-media-id=\"3972\" alt=\"G&eacute;n&eacute;rateur de tableaux : menu File ouvert avec les options Save table et Load table mises en &eacute;vidence\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 int\u00e9grer des tableaux \u00e0 votre site web \u00e0 l&rsquo;aide du cr\u00e9ateur de sites web d&rsquo;Hostinger.<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[255],"tags":[],"class_list":["post-1832","post","type-post","status-publish","format-standard","hentry","category-les-elements-du-site-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6475162-hostinger-website-builder-how-to-add-a-table\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6475162-hostinger-creador-de-sitios-web-como-insertar-una-tabla\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6475162-hostinger-createur-de-sites-web-comment-ajouter-un-tableau\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6475162-hostinger-svetainiu-kurimo-irankis-kaip-prideti-lentele\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6475162-hostinger-criador-de-sites-como-adicionar-uma-tabela\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=1832"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1832\/revisions"}],"predecessor-version":[{"id":3975,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1832\/revisions\/3975"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1832"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1832"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}