CSVやExcelのデータを、HTMLの表(tableタグ)に変換するツールです。ExcelやGoogleスプレッドシートのセルをコピーして貼り付けるだけでも変換できます。
ブログやWebサイトに表を載せたい時にお使いください。
CSVをHTMLの表に変換
1. データを入力する
CSVを貼り付けるか、CSVファイルを選んでください。Excelからコピーしたデータ(タブ区切り)もそのまま使えます。
2. 変換の設定をする
- 区切り文字
- 見出し
-
- 背景色を付ける場所
- 背景色・文字色
- 背景色文字色
- その他
-
- tableのclass
空欄なら付けません
3. コードをコピーする
プレビュー
データを入力すると、ここに表のプレビューが表示されます。
使い方のポイント
- 入力すると、その場でコードとプレビューが更新されます。
- 「”」で囲まれた値の中のカンマや改行も、1つのセルとして正しく読み込みます。
- Excelで保存したShift_JISのCSVファイルも、文字化けせずに読み込めます。
- 「<」「&」などの記号は、HTMLで正しく表示されるように自動で変換します。
- 行によって列の数が違う場合は、足りないセルを空欄で補います。
- 背景色・文字色はセルに直接(style属性で)書き込むため、テーマのCSSを変えなくてもそのまま反映されます。
(コラム)CSVとは?
CSV(Comma-Separated Values)は、値をカンマで区切って並べたテキスト形式のデータです。Excelやスプレッドシート、各種サービスの書き出し機能などで広く使われています。
見た目はシンプルなテキストですが、HTMLの表に手作業で書き換えるのは手間がかかります。このツールを使えば、数百行のデータでも一瞬で表のコードにできます。
このツールは役に立ちましたか?
これからの開発の参考にしたいので、いいねボタンで教えてください。
コメント