ToolnozaOrganiser les informations
Un tableau convient à des éléments comparés selon les mêmes attributs : offres, spécifications ou mesures. Utilisez plutôt une liste si les informations ne forment pas une relation entre lignes et colonnes. Indiquez les unités dans les en-têtes.
Vérifiez si la première ligne contient des libellés. L’option d’en-tête crée des éléments th avec scope="col" dans thead. Sinon, toutes les lignes sont des données ordinaires.
Éditer ou importer les cellules
Définissez les dimensions : les réduire supprime les cellules hors de la nouvelle zone. La limite est de 20 lignes, en-tête inclus, et 12 colonnes. Saisissez du texte ou collez une sélection de tableur.
L’import sépare les colonnes par tabulations et les lignes par retours à la ligne. Ce n’est pas un lecteur CSV ; les cellules multilignes entre guillemets ne sont pas gérées. Un import dépassant les limites est refusé.
Intégrer le code
Ajoutez une légende descriptive puis copiez le HTML et le CSS. Le conteneur défile horizontalement sur un écran étroit pour préserver la lisibilité. Vérifiez l’intégration avec les styles de votre page.
Les caractères HTML sont échappés : <10 reste du texte. Les tableaux complexes avec cellules fusionnées ou plusieurs niveaux d’en-tête demandent un balisage supplémentaire. Cet outil produit un tableau rectangulaire simple.
Utiliser l’outil
Réglez lignes et colonnes, éditez ou collez les cellules, ajoutez une légende puis copiez ou téléchargez le code.
Exemple expliqué
Créez un comparatif à trois colonnes, utilisez la première ligne comme en-tête et donnez une légende descriptive.
Le tableau fonctionne-t-il sur mobile ?
Le conteneur exporté permet le défilement horizontal pour conserver des colonnes lisibles. Vérifiez le résultat avec les styles de votre site.