Tableau responsive comment faire

[Fab456]

Bonjour,

J'utilise dans mes descriptions des tableaux pour faire les grilles de tailles.
L'affichage est bien sur ordinateur mais lorsque je passe en version mobile en dessous de 640px le tableau s'empile et devient illisible.
Voici une capture du problème d'affichage.
Et voici le code que j'utilise

<table align="left" border="1" cellpadding="1" cellspacing="1">
	<tbody>
		<tr>
			<td colspan="4">
			<h4>Guide de taille Rumble59</h4>
			</td>
		</tr>
		<tr>
			<td>
			<h4>Taille</h4>
			</td>
			<td>
			<h4>Poitrine</h4>
			</td>
			<td>
			<h4>Longueur</h4>
			</td>
			<td>
			<h4>Tour de poitrine</h4>
			</td>
		</tr>
		<tr>
			<td>
			<h4>S</h4>
			</td>
			<td>
			<h4>53 cm</h4>
			</td>
			<td>
			<h4>69 cm</h4>
			</td>
			<td>
			<h4>106 cm</h4>
			</td>
		</tr>
		<tr>
			<td>
			<h4>M</h4>
			</td>
			<td>
			<h4>55 cm</h4>
			</td>
			<td>
			<h4>71 cm</h4>
			</td>
			<td>
			<h4>110 cm</h4>
			</td>
		</tr>
		<tr>
			<td>
			<h4>L</h4>
			</td>
			<td>
			<h4>58 cm</h4>
			</td>
			<td>
			<h4>72 cm</h4>
			</td>
			<td>
			<h4>116 cm</h4>
			</td>
		</tr>
		<tr>
			<td>
			<h4>XL</h4>
			</td>
			<td>
			<h4>61 cm</h4>
			</td>
			<td>
			<h4>73 cm</h4>
			</td>
			<td>
			<h4>122 cm</h4>
			</td>
		</tr>
		<tr>
			<td>
			<h4>2XL</h4>
			</td>
			<td>
			<h4>65 cm</h4>
			</td>
			<td>
			<h4>74 cm</h4>
			</td>
			<td>
			<h4>130 cm</h4>
			</td>
		</tr>
		<tr>
			<td>
			<h4>3XL</h4>
			</td>
			<td>
			<h4>69 cm</h4>
			</td>
			<td>
			<h4>76 cm</h4>
			</td>
			<td>
			<h4>138 cm</h4>
			</td>
		</tr>
		<tr>
			<td>
			<h4>4XL</h4>
			</td>
			<td>
			<h4>73 cm</h4>
			</td>
			<td>
			<h4>77 cm</h4>
			</td>
			<td>
			<h4>146 cm</h4>
			</td>
		</tr>
		<tr>
			<td colspan="4">
			<h4>taille europeennes</h4>
			</td>
		</tr>
	</tbody>
</table>

Comment puis-je faire pour que mon tableau devienne lisible en mode mobile?

Merci pour votre aide.
 

[Mediacom87]

Doc bootstrap : https://getbootstrap.com/docs/3.3/css/#tables-responsive

[Fab456]

Merci.
J'ai bidouillé toute l'aprèm mais je n'y suis pas arrivé 😕

[Mediacom87]

Peut être que votre template n'utilise pas bootstrap ou tout autre possibilité.

 

[Fab456]

Bonjour,
Non c'est parfait!
J'ai peut-être eu un problème de cache....
Merci en tout cas, mon problème est résolu.