Comment utiliser : CSV et Excel vers tableau HTML
- Collez des cellules CSV ou Excel, ouvrez un fichier
.csv,.xlsxou.json, ou chargez l'exemple. - Choisissez un style : balisage brut, CSS intégré ou classes Bootstrap, et ajoutez vos propres noms de classes si nécessaire.
- Activez ou désactivez
<thead>, l'échappement HTML, la gestion des sauts de ligne et la minification. - Vérifiez l'aperçu rendu, puis copiez le balisage ou téléchargez-le.
Qu'est-ce qu'un générateur de tableau HTML ?
Un générateur de tableau HTML convertit des lignes de données en balisage <table> que vous pouvez intégrer à une page web, à un CMS, à un e-mail ou à une documentation. Écrire ce balisage à la main est long et source d'erreurs : chaque cellule nécessite sa propre balise, et les caractères spéciaux doivent être échappés. Cet outil le fait en une seule étape à partir de CSV, de cellules Excel ou de JSON.
Un balisage accessible et sémantique
La ligne d'en-tête devient un <thead> avec des cellules <th scope="col">, et les données sont placées dans <tbody>. Les lecteurs d'écran s'appuient sur ces éléments pour annoncer le nom de la colonne pour chaque cellule, et les navigateurs répètent le <thead> sur chaque page imprimée. Une <caption> facultative donne au tableau un nom accessible.
<table class="data-table">
<thead>
<tr>
<th scope="col">name</th>
<th scope="col">plan</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ada Lovelace</td>
<td>pro</td>
</tr>
</tbody>
</table>L'importance de l'échappement
Avec l'option Échapper le HTML dans les cellules activée (par défaut), les caractères comme <, >, & et " sont convertis en entités. Ainsi, une valeur comme <b> s'affiche comme du texte au lieu de modifier la page. Ne désactivez cette option que si vos cellules contiennent volontairement du HTML de confiance, comme des liens. L'aperçu s'exécute dans un cadre isolé dont les scripts sont désactivés.
Options de style
| Style | Ce que vous obtenez |
|---|---|
| HTML brut | Balisage sans style, qui hérite du CSS de votre site |
| CSS intégré | Un petit bloc <style> : bordures, fond d'en-tête, lignes alternées, nombres alignés à droite |
| Bootstrap | Classes table table-striped table-bordered pour les sites Bootstrap 4/5 |
Pour le texte enrichi de Webflow et les sites basés sur Markdown, un tableau Markdown peut être plus simple. Pour convertir un tableau HTML existant en Markdown, utilisez HTML vers Markdown.
Aussi recherché comme : csv vers html, excel vers tableau html, générateur de tableau html, convertir csv en tableau html, json vers tableau html, tableau excel en html.
Outils complémentaires : CSV et Excel vers tableau HTML
- Générateur de menu select — Arrêtez de saisir les options à la main.
- Formateur HTML — Collez du balisage minifié ou désordonné et obtenez un HTML propre, indenté de manière cohérente, y compris les blocs <style> et <script> intégrés.
- Markdown vers HTML — Rédigez ou collez du Markdown et obtenez instantanément du HTML propre, avec un aperçu en direct nettoyé, des tableaux GFM, des listes de tâches et des blocs de code délimités.
- Excel vers JSON — Ouvrez un classeur .xlsx ou collez directement des cellules depuis Excel ou Google Sheets pour obtenir un JSON propre.
Questions fréquentes
Comment convertir un tableau Excel en HTML ?
Les cellules peuvent-elles contenir des liens ou d'autres éléments HTML ?
Le tableau sera-t-il adaptatif ?
overflow-x:auto, ce que font la plupart des frameworks responsives.