DevToolPal
日本語

CSV → HTML テーブル変換

CSV データをヘッダー行付きのきれいな HTML テーブルに変換します。Web ページやメールにそのまま貼り付けられます。

ローカルで処理、アップロードなし

オプション

入力

0 文字 · 0 B

出力

0 文字 · 0 B

機能

このツールは CSV データを HTML テーブルに変換します。1 行目がテーブルのヘッダー(<thead> 内の <th> セル)になり、それ以外の各行は <tbody> 内の <tr> になります。マークアップはインデントされ、インラインスタイルを含まないため、読みやすく、編集やスタイル付けも簡単です。

スプレッドシートを Web サイトで公開したい、ブログ記事やニュースレターに表を載せたい、HTML ページでデータを説明したいといった場面で使えます。

使い方

  1. 入力 欄に CSV を貼り付けるか、.csv ファイルをアップロードするか、サンプル をクリックします。
  2. 入力に合わせて右側に HTML が表示されます。
  3. 自動検出が間違った区切り文字を選んだ場合は 区切り文字 を選び、データにヘッダーがない場合は 1 行目をヘッダーにする をオフにします。
  4. 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 までの入力は入力と同時に変換されます。それより大きいファイルは手動モードに切り替わるので、「実行」を押してください。