機能
このツールは CSV データを HTML テーブルに変換します。1 行目がテーブルのヘッダー(<thead> 内の <th> セル)になり、それ以外の各行は <tbody> 内の <tr> になります。マークアップはインデントされ、インラインスタイルを含まないため、読みやすく、編集やスタイル付けも簡単です。
スプレッドシートを Web サイトで公開したい、ブログ記事やニュースレターに表を載せたい、HTML ページでデータを説明したいといった場面で使えます。
使い方
- 入力 欄に CSV を貼り付けるか、
.csvファイルをアップロードするか、サンプル をクリックします。 - 入力に合わせて右側に HTML が表示されます。
- 自動検出が間違った区切り文字を選んだ場合は 区切り文字 を選び、データにヘッダーがない場合は 1 行目をヘッダーにする をオフにします。
- HTML をコピーするか、
.htmlファイルとしてダウンロードします。
例
name,city
Alice,Shanghai
は次のようになります
<table>
<thead>
<tr>
<th>name</th>
<th>city</th>
</tr>
</thead>
<tbody>
<tr>
<td>Alice</td>
<td>Shanghai</td>
</tr>
</tbody>
</table>
注意事項
最も長い行よりセルが少ない行は空のセルで埋められるため、すべての行が同じ列数になります。
よくある質問
› 生成されたテーブルにスタイルを付けられますか?
はい。出力はインラインスタイルのない素の <table>、<thead>、<tbody>、<tr>、<th>、<td> マークアップなので、サイトの CSS がそのまま適用されます。対象を絞りたい場合は <table> タグにクラスを追加してください。
› CSV にヘッダー行がない場合は?
「1 行目をヘッダーにする」をオフにしてください。すべての行がデータ行として出力され、<thead> は生成されません。
› 特殊文字は安全に扱われますか?
はい。<、>、&、引用符はエスケープされるため、セルの内容はテキストとして表示され、HTML を注入することはできません。セル内の改行は <br> になります。
› サイズの上限はありますか?
1 MB までの入力は入力と同時に変換されます。それより大きいファイルは手動モードに切り替わるので、「実行」を押してください。