Generateur de Tableaux HTML

Oui. Sélectionnez vos cellules dans Excel ou Google Sheets, copiez, puis collez dans le champ d'import CSV. Le format séparé par tabulations (le format par défaut des tableurs) et le format séparé par virgules fonctionnent tous les deux. L'outil détecte automatiquement le délimiteur et remplit le tableau.

Quatre interrupteurs : Ligne d'en-tête ajoute un thead avec une mise en forme en gras, Lignes rayées alterne les couleurs de fond des lignes, Avec bordures ajoute une bordure autour de chaque cellule, et Effet survol met en surbrillance la ligne sous le curseur. Vous pouvez également définir la largeur du tableau et le rembourrage des cellules.

Quatre modèles : Tableau simple (grille de données de base à 3 colonnes), Tableau de prix (comparaison de fonctionnalités à trois niveaux), Tableau de comparaison (disposition pro/contre côte à côte) et Emploi du temps (colonnes heure et événement). Sélectionner un modèle remplit le tableau avec des données d'exemple que vous pouvez remplacer par les vôtres.

Noms de classes compatibles Bootstrap : table, table-bordered, table-striped, table-hover. Le HTML généré s'intègre directement dans tout projet Bootstrap 4 ou 5. Si vous n'utilisez pas Bootstrap, ajoutez votre propre CSS ciblant ces noms de classes.

Le bouton Copier HTML copie le balisage du tableau dans votre presse-papiers. Le résultat est un HTML propre et minimal — juste l'élément table avec les balises thead, tbody, tr, th et td — prêt à coller dans n'importe quel fichier HTML ou CMS.

Enveloppez le tableau copié dans un div avec style="overflow-x: auto;" avant de coller. Cela ajoute une barre de défilement horizontale sur les petits écrans plutôt que de casser la mise en page. Pour les utilisateurs de Bootstrap, envelopper dans <div class="table-responsive"> produit le même résultat.

Non. Tout fonctionne dans votre navigateur avec JavaScript. Aucun appel serveur, aucun téléchargement, aucun suivi. Les données que vous saisissez dans les cellules restent sur votre appareil.