Convertisseur CSV en tableau HTML

Convertisseur CSV en tableau HTML : collez les lignes, obtenez le code | We.Inc

Convertisseur CSV en tableau HTML gratuit. Collez des données séparées par des virgules, points-virgules ou tabulations, ou des cellules copiées d'un tableur, et obtenez un tableau HTML propre et accessible.

Convertisseur CSV en tableau HTML

Collez des lignes d'un fichier CSV ou directement d'un tableur et obtenez un code de tableau HTML soigné, avec ligne d'en-tête, texte échappé et attributs scope pour les lecteurs d'écran. Idéal pour publier une liste de prix, des horaires, un guide des tailles ou un comparatif sans saisir chaque cellule à la main.

  • Collez vos données. Les cellules copiées depuis Excel ou Google Sheets arrivent séparées par des tabulations : choisissez Tabulation ; un fichier .csv enregistré utilise en général des virgules.
  • Laissez 'La première ligne est l'en-tête' cochée si la première ligne contient les noms de colonnes. Ils deviennent des cellules th dans thead.
  • Ajoutez un nom de classe si votre site met en forme les tableaux avec une classe, comme 'price-table'.
  • Copiez le HTML dans votre page ou téléchargez-le. Les lignes plus courtes que la plus longue sont complétées par des cellules vides pour aligner les colonnes.
  • Les valeurs qui contiennent le séparateur, comme 'Bread, rye' dans un fichier à virgules, doivent être entre guillemets doubles dans le CSV. Les exports de tableur le font automatiquement.
  • Réservez les tableaux aux données qui ont vraiment des lignes et des colonnes. Mettre en page une page avec un tableau la rend difficile à lire sur téléphone et avec un lecteur d'écran.
  • Ajoutez une courte phrase ou une légende au-dessus du tableau pour dire ce qu'il montre. Cela aide les visiteurs et les moteurs de recherche à comprendre les chiffres.
  • Les tableaux larges débordent sur téléphone. Placez le tableau dans un div avec overflow-x: auto pour qu'il défile latéralement au lieu de casser la page.

Questions fréquentes

Comment convertir un CSV en tableau HTML ?

Collez le CSV, choisissez le séparateur et copiez le code. Chaque ligne devient une rangée tr et chaque valeur une cellule td ; avec l'option d'en-tête, la première ligne devient des cellules th avec scope="col". Par exemple, 'Item,Price' puis 'Soup,$5' donne un tableau avec les en-têtes Item et Price et une rangée : Soup, $5.

Puis-je coller directement depuis Excel ou Google Sheets ?

Oui. Copier des cellules les place dans le presse-papiers, séparées par des tabulations. Choisissez Tabulation comme séparateur et collez.

Et les virgules et guillemets à l'intérieur des valeurs ?

Le convertisseur suit les règles CSV courantes : une valeur entre guillemets doubles peut contenir le séparateur et des retours à la ligne, et un guillemet double à l'intérieur s'écrit avec deux guillemets doubles. "Say ""hi""" devient Say "hi".

Le texte est-il échappé ?

Oui. Les caractères comme <, > et & sont transformés en entités HTML, donc une cellule contenant '<5 kg' s'affiche comme du texte au lieu de casser la page.

Mes données sont-elles envoyées ?

Non. Le tableau est créé dans votre navigateur et rien de ce que vous collez n'est envoyé ailleurs.

Pourquoi les cellules d'en-tête et scope comptent

  • Un lecteur d'écran annonce une cellule avec l'en-tête de sa colonne : l'auditeur entend 'Price, $5' plutôt qu'un simple '$5'. Cela ne fonctionne que si les en-têtes sont balisés en cellules th. L'attribut scope="col" lève tout doute sur l'appartenance d'un en-tête à une colonne ou à une ligne, ce qui compte surtout dans les tableaux à plusieurs cellules d'en-tête.
  • Placer la ligne d'en-tête dans thead et le reste dans tbody aide aussi à l'impression : de nombreux navigateurs répètent la ligne thead en haut de chaque page imprimée quand un long tableau s'étend sur plusieurs pages.

Choisir le bon séparateur

  • CSV signifie séparé par des virgules, mais le séparateur varie. Les tableurs des pays qui écrivent les décimales avec une virgule, comme l'Allemagne ou le Brésil, exportent souvent avec des points-virgules pour que 2,50 reste une seule valeur. Copier depuis un tableur produit des tabulations. Si le résultat met tout dans une seule colonne, le séparateur choisi ne correspond pas à vos données.
  • Quand un tableau paraît décalé d'une colonne sur certaines lignes, cherchez un séparateur non protégé par des guillemets dans une valeur, comme une adresse contenant une virgule. Mettez cette valeur entre guillemets doubles dans la source, ou réexportez le fichier, puis convertissez à nouveau.

Données CSV

Item,Price,Size Sourdough loaf,$8,900 g "Croissant, butter",$3.50,1 piece Coffee,$4,12 oz

Séparateur

Virgule ,

Point-virgule ;

Tabulation (collé depuis un tableur)

La première ligne est l'en-tête

Classe du tableau (facultatif)

Collez quelques lignes de données à convertir.

Tableau HTML

Commencer gratuitement · Sans carte bancaire

Voir aussi: Outils gratuits

Produit

Pour qui

Fonctionnalités

Ressources

Entreprise

Plan du site