{"id":5649,"date":"2022-08-24T16:48:08","date_gmt":"2022-08-24T14:48:08","guid":{"rendered":"http:\/\/trabucaire.free.fr\/?p=5649"},"modified":"2026-07-31T11:18:08","modified_gmt":"2026-07-31T09:18:08","slug":"essai-tableau","status":"publish","type":"post","link":"https:\/\/trabucaire.pages-perso.free.fr\/index.php\/essai\/essai-tableau\/","title":{"rendered":"Mod\u00e8les tableau"},"content":{"rendered":"

HTML :<\/strong> dans la version (\u00ab\u00a0Code\u00a0\u00bb) texte de la page. Remplacer le premi\u00e8re ligne de code du tableau.<\/p>\n

Style<\/strong> :\u00a0 \u00ab\u00a0Propri\u00e9t\u00e9s du tableau\u00a0\u00bb puis \u00ab\u00a0Avanc\u00e9\u00a0\u00bb puis \u00ab\u00a0Style\u00a0\u00bb.<\/p>\n

La largeur du tableau s’adapte au texte et bordures simples :<\/span> Les espaces ne posent pas de probl\u00e8mes.<\/strong><\/p>\n

Tableau de base 2×2 50% par colonne :<\/p>\n\n\n\n\n
qtrh<\/span><\/td>\nqjrrjjjjj<\/span><\/td>\n<\/tr>\n
jffffffffff<\/span><\/td>\ngffffffffffffffffffffffffffj<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Tableau de base 2×2 adaptatif :<\/p>\n\n\n\n\n
qtrh<\/span><\/td>\nqjrrjjjjj<\/span><\/td>\n<\/tr>\n
jffffffffff<\/span><\/td>\ngffffffffffffffffffffffffffj<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Tableau de base 3×2 adaptatif :<\/p>\n\n\n\n\n
qtrh<\/span><\/td>\nqjrrjjjjj<\/span><\/td>\nsyyyyj<\/span><\/td>\n<\/tr>\n
jffffffffff<\/span><\/td>\ngffffffffffffffffffffffffffj<\/span><\/td>\njj<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

1\u00b0\/ Tableau avec https:\/\/divtable.com\/table-styler\/<\/span><\/strong> \u00a0:<\/span> Tableau altern\u00e9 bleu\/blanc avec en-t\u00eate. La police sera plus petite, il faudra s\u00e9lectionner toutes les cellules et passer de 14pt \u00e0 18pt. On pourra aussi centrer les cellules.<\/strong><\/p>\n

HTML :<\/strong> remplacer la premi\u00e8re ligne <table> et juste avant <tbody> par<\/p>\n

<table class=\u00a0\u00bbblueTable\u00a0\u00bb>
\n<thead>
\n<tr>
\n<th>head1<\/th>
\n<th>head2<\/th>
\n<th>head3<\/th>
\n<th>head4<\/th>
\n<\/tr>
\n<\/thead>
\n<tbody>
\nStyle<\/strong> : \u00ab\u00a0Propri\u00e9t\u00e9s du tableau\u00a0\u00bb mettre \u00ab\u00a0Largeur\u00a0\u00bb \u00e0 auto.<\/p>\n\n\n\n\n\n\n\n
head1<\/span><\/th>\nhead2<\/span><\/th>\nhead3<\/span><\/th>\nhead4<\/span><\/th>\n<\/tr>\n<\/thead>\n
12<\/span><\/td>\nkj456<\/span><\/td>\n46565656565<\/span><\/td>\nxhhn645<\/span><\/td>\n<\/tr>\n
4566<\/span><\/td>\nhnjgj ghjfj<\/span><\/td>\n45xhn<\/span><\/td>\nxnhnhnh1231312<\/span><\/td>\n<\/tr>\n
897777<\/span><\/td>\n46546 hjhhhhhhhhh<\/span><\/td>\nxhhhhhhh\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 hhn,546<\/span><\/td>\nxn gfxn gfnw 1564<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

2\u00b0\/ Tableau sans param\u00e8tres :<\/span> Le tableau prend toute la largeur de l’\u00e9cran (width: 100%;) et toutes les colonnes sont de la m\u00eame largeur (width divis\u00e9 par le nombre de colonnes).<\/strong><\/p>\n

HTML :<\/strong> <table style=\u00a0\u00bbborder-collapse: collapse; width: 100%;\u00a0\u00bb><\/p>\n

Style<\/strong> : border-collapse: collapse; width: 100%; height: 72px;<\/p>\n\n\n\n\n\n
12<\/td>\nkj456<\/td>\n46565656565<\/td>\nxhhn645<\/td>\n<\/tr>\n
4566<\/td>\nhnjgj ghjfj<\/td>\n45xhn<\/td>\nxnhnhnh1231312<\/td>\n<\/tr>\n
897777<\/td>\n46546 hjhhhhhhhhh<\/td>\nxhhhhhhh\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 hhn,546<\/td>\nxn gfxn gfnw 1564<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

3\u00b0\/ Tableau qui s’adapte au texte, largeurs fixes :<\/span>\u00a0La largeur du tableau s’adapte au texte et toutes les colonnes prennent la largeur de la plus grande. Les espaces ne posent pas de probl\u00e8mes.<\/strong><\/p>\n

HTML : <\/strong><table style=\u00a0\u00bbtable-layout: auto; width: auto;\u00a0\u00bb class=\u00a0\u00bbwp-block-table\u00a0\u00bb><\/p>\n

Re\u00e9crit en : <table class=\u00a0\u00bbwp-block-table\u00a0\u00bb style=\u00a0\u00bbtable-layout: auto; width: auto;\u00a0\u00bb><\/p>\n

Style<\/strong> : table-layout: auto; width: auto;<\/p>\n\n\n\n\n\n
12<\/td>\nkj456<\/td>\n465656\u00a0 \u00a0 \u00a0 56565<\/td>\nxhhn645<\/td>\n<\/tr>\n
4566<\/td>\nhnjgj ghjfj<\/td>\n45xhn<\/td>\nxnhnhnh1231312<\/td>\n<\/tr>\n
897777<\/td>\n46546hjhhhhhhhhhpopo<\/td>\nxhhhhhpopopohhhhn,546<\/td>\nxngfxngfnw1564<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

4\u00b0\/ La largeur du tableau s’adapte au texte :<\/span> Les espaces ne posent pas de probl\u00e8mes.<\/strong><\/p>\n

HTML :<\/strong> <table class=\u00a0\u00bbwp-block-table\u00a0\u00bb style=\u00a0\u00bbtable-layout: auto; width: 46.102%;\u00a0\u00bb><\/p>\n

Style<\/strong> : width: 46.102%; table-layout: auto; height: 72px;<\/p>\n\n\n\n\n\n
12<\/td>\nkj456<\/td>\n465656\u00a0 \u00a0 \u00a0 56565<\/td>\nxhhn645<\/td>\n<\/tr>\n
4566<\/td>\nhnjgj ghjfj<\/td>\n45xhn<\/td>\nxnhnhnh1231312<\/td>\n<\/tr>\n
897777<\/td>\n46546hjhhhhhhhhhpopo<\/td>\nxhhhhhpopopohhhhn,546<\/td>\nxngfxngfnw1564<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

5\u00b0\/ La largeur du tableau s’adapte au texte et bordures simples :<\/span> Les espaces ne posent pas de probl\u00e8mes.<\/strong><\/p>\n

HTML :<\/strong> <table class=\u00a0\u00bbwp-block-table\u00a0\u00bb style=\u00a0\u00bbheight: 72px; width: 46.102%; table-layout: auto; border-style: solid; border-color: #000000;\u00a0\u00bb><\/p>\n

Style<\/strong> : height: 72px; width: 46.102%; table-layout: auto; border-style: solid; border-color: #000000;<\/p>\n\n\n\n\n\n
12<\/td>\nkj456<\/td>\n465656\u00a0 \u00a0 \u00a0 56565<\/td>\nxhhn645<\/td>\n<\/tr>\n
4566<\/td>\nhnjgj ghjfj<\/td>\n45xhn<\/td>\nxnhnhnh1231312<\/td>\n<\/tr>\n
897777<\/td>\n46546hjhhhhhhhhhpopo<\/td>\nxhhhhhpopopohhhhn,546<\/td>\nxngfxngfnw1564<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

6\u00b0\/ La largeur du tableau s’adapte au texte et bordures simples :<\/span> Les espaces ne posent pas de probl\u00e8mes.<\/strong><\/p>\n

HTML :<\/strong> <table class=\u00a0\u00bbwp-block-table\u00a0\u00bb style=\u00a0\u00bbheight: 72px; width: 46.102%; table-layout: auto; border-style: solid; border-color: #000000;\u00a0\u00bb><\/p>\n

Style<\/strong> : height: 72px; width: 46.102%; table-layout: auto; border-style: solid; border-color: #000000;<\/p>\n\n\n\n\n\n
12<\/td>\nkj456<\/td>\n465656\u00a0 \u00a0 \u00a0 56565<\/td>\nxhhn645<\/td>\n<\/tr>\n
4566<\/td>\nhnjgj ghjfj<\/td>\n45xhn<\/td>\nxnhnhnh1231312<\/td>\n<\/tr>\n
897777<\/td>\n46546hjhhhhhhhhhpopo<\/td>\nxhhhhhpopopohhhhn,546<\/td>\nxngfxngfnw1564<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Param\u00e8tres du tableau :<\/span><\/strong><\/p>\n

width: auto; table-layout: auto; border-style: solid; border-color: #000000;<\/p>\n\n\n\n\n\n
12<\/td>\nkj456<\/td>\n46565\u00a0 \u00a0 \u00a0656565<\/td>\nxhhn645<\/td>\n<\/tr>\n
4566<\/td>\nhnjgj ghjfj<\/td>\n45xhn<\/td>\nxnhnhnh1231312<\/td>\n<\/tr>\n
897777<\/td>\n46546hjhhhhhhhhh<\/td>\nxhhhhhhhhhn,546<\/td>\nxn gfxn gfnw 1564<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

popo<\/p>\n\n\n\n\n\n
12<\/td>\nkj456<\/td>\n46565\u00a0 \u00a0 \u00a0656565<\/td>\nxhhn645<\/td>\n<\/tr>\n
4566<\/td>\nhnjgj ghjfj<\/td>\n45xhn<\/td>\nxnhnhnh1231312<\/td>\n<\/tr>\n
897777<\/td>\n46546hjhhhhhhhhh<\/td>\nxhhhhhhhhhn,546<\/td>\nxn gfxn gfnw 1564<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

R\u00e9ponse \u00e0 l\u2019\u00e9nigme : Sirop d’\u00e9corces d’oranges am\u00e8res<\/strong><\/p>\n\n\n\n\n\n\n\n
Mon premier<\/strong> est ce que disaient les Corses en voyant Napol\u00e9on.<\/td>\nSire!<\/strong><\/td>\n<\/tr>\n
Mon second<\/strong> est ce que disait Napol\u00e9on en voyant des Corses.<\/td>\nOh! Des Corses!<\/strong><\/td>\n<\/tr>\n
Mon troisi\u00e8me<\/strong> est ce que disait sa\u00a0 \u00a0 \u00a0 \u00a0 m\u00e8re \u00e0 Napol\u00e9on quand il \u00e9tait enfant, au lit.<\/td>\nDors, Ange!<\/strong><\/td>\n<\/tr>\n
Mon quatri\u00e8me<\/strong> est ce que r\u00e9pondait Napol\u00e9on \u00e0 sa m\u00e8re.<\/td>\nAh, M\u00e8re!<\/strong><\/td>\n<\/tr>\n
Mon tout<\/strong> est une boisson alcoolis\u00e9e tr\u00e8s appr\u00e9ci\u00e9e de Napol\u00e9on.<\/td>\nSirop d’\u00e9corces d’oranges am\u00e8res<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

gklh<\/p>\n\n\n\n\n\n\n\n\n\n\n
head1<\/td>\nhead2<\/td>\nhead3<\/td>\nhead4<\/td>\n<\/tr>\n<\/thead>\n
\n
\u00ab<\/a> 1<\/a> 2<\/a> 3<\/a> 4<\/a> \u00bb<\/a><\/div>\n<\/td>\n<\/tr>\n<\/tfoot>\n
cell1_1<\/td>\ncell2_1<\/td>\ncell3_1<\/td>\ncell4_1<\/td>\n<\/tr>\n
cell1_2<\/td>\nce\u00a0 \u00a0 \u00a0 \u00a0 ll2_2<\/td>\ncell3kkkkkkkkk\u00a0 \u00a0 kkkkkkkkkkkkk_2<\/td>\ncell4_2<\/td>\n<\/tr>\n
cell1_3<\/td>\ncell2_3<\/td>\ncell3_3<\/td>\ncell4_3<\/td>\n<\/tr>\n
cell1_4<\/td>\ncell2_4<\/td>\ncell3_4<\/td>\ncell4_4<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

R\u00e9ponse \u00e0 l\u2019\u00e9nigme : Sirop d’\u00e9corces d’oranges am\u00e8res<\/strong><\/p>\n\n\n\n\n\n\n\n
gmm<\/td>\nSire!<\/strong><\/td>\n<\/tr>\n
<\/td>\n<\/td>\n<\/tr>\n
<\/td>\nDors, Ange!<\/strong><\/td>\n<\/tr>\n
Mon quatri\u00e8me<\/strong>\u00a0 \u00e0 sa m\u00e8re.<\/td>\nAh, M\u00e8re!<\/strong><\/td>\n<\/tr>\n
Mon tout<\/strong> est \u00e9ci\u00e9e de Napol\u00e9on.<\/td>\nSirop d’\u00e9corces\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0d’oranges am\u00e8res<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n\n\n\n\n\n\n
1<\/td>\n2<\/td>\n3<\/td>\n4<\/td>\n<\/tr>\n
5<\/td>\n6<\/td>\n7<\/td>\n8<\/td>\n<\/tr>\n
9<\/td>\n10<\/td>\n11<\/td>\n12<\/td>\n<\/tr>\n
13<\/td>\n14<\/td>\n15<\/td>\n16<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

2\u00b0\/ Tableau sans param\u00e8tres :<\/span> Le tableau prend toute la largeur de l’\u00e9cran (width: 100%;) et toutes les colonnes sont de la m\u00eame largeur (width divis\u00e9 par le nombre de colonnes).<\/strong><\/p>\n\n\n\n\n
qtrh<\/td>\nqjrrjjjjj<\/td>\nsyyyyj<\/td>\n<\/tr>\n
jffffffffff<\/td>\ngffffffffffffffffffffffffffj<\/td>\njj<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

3\u00b0\/ Tableau qui s’adapte au texte, largeurs fixes :<\/span> La largeur du tableau s’adapte au texte et toutes les colonnes prennent la largeur de la plus grande. Les espaces ne posent pas de probl\u00e8mes. Bordures noires.<\/strong><\/p>\n\n\n\n\n
qtrh<\/td>\nqjrrjjjjj<\/td>\nsyyyyj<\/td>\n<\/tr>\n
jffffffffff<\/td>\ngffffffffffffffffffffffffffj<\/td>\njj<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

5\u00b0\/ La largeur du tableau s’adapte au texte et bordures simples :<\/span> Les espaces ne posent pas de probl\u00e8mes.<\/strong><\/p>\n\n\n\n\n
qtrh<\/td>\nqjrrjjjjj<\/td>\nsyyyyj<\/td>\n<\/tr>\n
jffffffffff<\/td>\ngffffffffffffffffffffffffffj<\/td>\njj<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

HTML : dans la version (\u00ab\u00a0Code\u00a0\u00bb) texte de la page. Remplacer le premi\u00e8re ligne de code du tableau. Style :\u00a0 \u00ab\u00a0Propri\u00e9t\u00e9s du tableau\u00a0\u00bb puis \u00ab\u00a0Avanc\u00e9\u00a0\u00bb puis \u00ab\u00a0Style\u00a0\u00bb. La largeur du tableau s’adapte au texte et bordures simples : Les espaces ne posent pas de probl\u00e8mes. Tableau de base 2×2 50% par colonne : qtrh qjrrjjjjj … Lire la suite<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[54],"tags":[],"class_list":["post-5649","post","type-post","status-publish","format-standard","hentry","category-essai"],"_links":{"self":[{"href":"https:\/\/trabucaire.pages-perso.free.fr\/index.php\/wp-json\/wp\/v2\/posts\/5649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trabucaire.pages-perso.free.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trabucaire.pages-perso.free.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trabucaire.pages-perso.free.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trabucaire.pages-perso.free.fr\/index.php\/wp-json\/wp\/v2\/comments?post=5649"}],"version-history":[{"count":0,"href":"https:\/\/trabucaire.pages-perso.free.fr\/index.php\/wp-json\/wp\/v2\/posts\/5649\/revisions"}],"wp:attachment":[{"href":"https:\/\/trabucaire.pages-perso.free.fr\/index.php\/wp-json\/wp\/v2\/media?parent=5649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trabucaire.pages-perso.free.fr\/index.php\/wp-json\/wp\/v2\/categories?post=5649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trabucaire.pages-perso.free.fr\/index.php\/wp-json\/wp\/v2\/tags?post=5649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}