サイズ・配色・ホバー動作を選ぶと、プレビューとコピー用の HTML/CSS がその場で更新されます。
ブラウザ内でローカルに実行列数と行数を決め、配色とマウスオーバー時の動作を選ぶと、プレビューとコピー用の HTML/CSS がその場で更新されます。
テーブルはブラウザ内で生成されます。データは送信されず、プレビューとコードは同じマークアップで、コピーしたコードに透かしや外部リンクは入りません。
出力欄には <style> ブロックとテーブルが入ります。テーブルは <table class="tftable" border="1"> で、見出し行は <thead>、セルの行は <tbody> にまとめられます。CSS はこのクラスだけを対象にするため、同じページに複数を貼っても id を分ける必要はありません。
下のプレビューは同じマークアップを描画しているので、見えているとおりのコードがコピーされます。プレースホルダー(ヘッダー1、行:1 セル:1)はページの言語で書かれ、出力に透かしや外部リンクは含まれません。
列は 1〜50、行は 1〜100 までです。入力が空、または範囲外の間は、コード欄の上のステータス行が範囲を伝え、表示中のテーブルは最後に有効だったサイズのまま変わりません。
入力欄から離れると値は最も近い上限・下限に合わせられます(999 は 50 になり、空欄は最後の有効な値に戻ります)。文字は入力時に取り除かれ、12abc は 12 になります。
行のハイライトはスクリプトではなく CSS のルール(table.tftable tbody tr:hover)として出力されるため、貼り付けたテーブルに JavaScript も id も不要です。配色は 6 種類の固定パレットから選び、スタイルなしでは border 属性だけが残ります。
HTMLをコピーは出力欄の内容をクリップボードに入れます。コードがサーバーへ送信されることはありません。