TABLE GENERATOR

テーブル生成|Markdown・HTML

表を画面で編集し、MarkdownまたはセマンティックなHTMLのコードを生成します。用途に合うモードを選んでください。

表データはブラウザ内だけで処理され、外部へ送信・保存されません。

作成する形式

モードを切り替えても、それぞれの編集内容は保持されます。

Markdownテーブル生成ツール

表を編集

最大20列・本文99行

CSV・TSVを一括入力

1行目をヘッダー、2行目以降を本文として反映します。セル内改行を含むCSVは取り込めません。

Markdown

leading・trailing pipe付きGFM形式

プレビュー

Markdown記法は安全のため文字として表示します。

Markdownテーブルを作る

MarkdownモードはGitHub Flavored Markdown(GFM)の表を生成します。列ごとに指定なし・左・中央・右の配置を選び、literal |は既存のbackslashを増やさず安全にescapeします。GFM標準ではcolspanやrowspan、セル内改行を表現できません。

HTMLテーブルを作る

HTMLモードは<table>、<caption>、<thead>、<tbody>、<tfoot>、<tr>、<th>、<td>を使った表を生成します。列見出しにはscope="col"、行見出しにはscope="row"を付け、セル入力はHTMLとして実行せずplain textとしてescapeします。

CSV・TSVから表を作る

Markdownモードはquoted fieldを含むCSVとTSVの自動判定・手動指定に対応し、不均一な行は最大列数へ空セルを補います。HTMLモードはExcelやスプレッドシートからコピーしたタブ区切りデータを取り込みます。HTML側ではCSVの引用符ルールを解析しません。

セル結合について

HTMLモードではcolspanとrowspanを使えます。結合範囲の重なりや表外へのはみ出しを防ぎ、結合で隠れたセル内容は解除時に復元します。結合と交差する行・列の削除も防止します。

MarkdownとHTMLの違い

どちらを使う? GitHub・README・Markdown文書ならMarkdown、Webページで意味のある表を作るならHTMLが向いています。rowspanやcolspanが必要な場合はHTMLを選んでください。

FAQ

HTMLのthとtdの違いは?

thは見出しセル、tdはデータセルです。見出しでないセルへthを使わないことが大切です。