Réglez la taille, les couleurs et la surbrillance : l'aperçu et le code HTML/CSS à copier se mettent à jour aussitôt.
Fonctionne localement dans votre navigateurChoisissez le nombre de colonnes et de lignes, un thème de couleurs et le comportement au survol : l'aperçu et le code HTML/CSS à copier se mettent à jour aussitôt.
Le tableau est généré dans le navigateur : rien n'est envoyé, l'aperçu et le code correspondent au même balisage, et le code copié ne contient ni filigrane ni lien externe.
Le champ contient un bloc <style> suivi du tableau : un <table class="tftable" border="1"> avec la ligne d'en-tête dans <thead> et les lignes de cellules dans <tbody>. Le CSS ne vise que cette classe : deux tableaux générés ici peuvent donc cohabiter sur une même page sans identifiants uniques.
L'aperçu ci-dessous affiche exactement le même balisage : ce que vous voyez est ce que produit le code copié. Les textes d'exemple (En-tête 1, Ligne:1 Cellule:1) sont écrits dans la langue de la page, et le résultat ne contient ni filigrane ni lien externe.
Les colonnes vont de 1 à 50 et les lignes de 1 à 100. Tant qu'un champ est vide ou hors de cette plage, la ligne d'état au-dessus du code rappelle la plage et le tableau conserve sa dernière taille valide au lieu de se vider.
En quittant le champ, la valeur est ramenée à la limite la plus proche : 999 devient 50 et un champ vide revient au dernier nombre valide. Les lettres sont supprimées à la saisie : 12abc devient 12.
La surbrillance est générée sous forme de règle CSS (table.tftable tbody tr:hover) et non de script : le tableau collé n'a besoin ni de JavaScript ni d'identifiant. Les couleurs proviennent de six palettes fixes ; le style Sans style ne laisse que l'attribut border.
Copier le HTML copie le contenu actuel du champ. Le code ne va que dans le presse-papiers : la page n'envoie vos réglages à aucun serveur.