コンテンツへスキップ
🛠️ToolsShed

CSVからHTMLテーブルジェネレーター

CSVデータをライブプレビュー付きのHTMLテーブルに変換します。スタイル、ヘッダー、CSSクラスのオプションがあります。

このツールについて

CSV（カンマ区切り値）は、表形式のデータを保存および交換するための最も一般的なデータ形式の1つです。CSVをHTMLテーブルに変換することは、HTMLマークアップを手動で記述することなく、ウェブサイト、メール、またはドキュメントに構造化データを表示する必要があるウェブ開発者、コンテンツ作成者、データ分析者にとって不可欠です。HTMLテーブルは、生のCSVでは提供できない適切なセマンティック構造、アクセシビリティサポート、スタイリングの柔軟性を提供します。

このジェネレータを使用するには、CSVデータを入力フィールドに貼り付けるだけで、ツールがカスタマイズ可能なオプション付きの有効なHTMLテーブルマークアップを即座に作成します。最初の行をヘッダーとして扱うかどうかを指定し、スタイリング用のCSSクラスを追加し、テーブル構造を制御できます。これは、スプレッドシートのデータをウェブページに移行する場合、ドキュメントにデータを埋め込む場合、またはクリーンなHTML形式を必要とするメールニュースレター用にコンテンツを準備する場合に特に役立ちます。ライブプレビューでコードをコピーする前に、テーブルがどのようにレンダリングされるかを確認できます。

ジェネレータはブラウザ内で完全に機能し、サーバーアップロードは不要なため、データプライバシーが確保されます。生成されたHTMLをウェブサイト、CMS、またはメールテンプレートに直接コピーできます。ウェブ開発者がデータワークフローを自動化している場合でも、マーケターがデータテーブル付きのメールキャンペーンを準備している場合でも、またはビジネスアナリストがレポートを共有している場合でも、このツールはHTMLテーブルの退屈なハンドコーディング作業を排除し、一貫した適切にフォーマットされたアウトプットを毎回保証します。

よくある質問

コード実装

import csv
import io

def csv_to_html_table(csv_text, has_header=True, bordered=True):
    reader = csv.reader(io.StringIO(csv_text.strip()))
    rows = list(reader)
    if not rows:
        return ""

    style = ""
    if bordered:
        style = "<style>table{border-collapse:collapse}th,td{border:1px solid #ddd;padding:8px}th{background:#4f46e5;color:#fff}</style>\n"

    html = [style + '<table class="table">']
    start = 0
    if has_header:
        html.append("  <thead><tr>")
        for cell in rows[0]:
            html.append(f"    <th>{cell}</th>")
        html.append("  </tr></thead>")
        start = 1

    html.append("  <tbody>")
    for row in rows[start:]:
        html.append("  <tr>")
        for cell in row:
            html.append(f"    <td>{cell}</td>")
        html.append("  </tr>")
    html.append("  </tbody>")
    html.append("</table>")
    return "\n".join(html)

csv_data = """Name,Age,City
Alice,30,New York
Bob,25,London
Carol,35,Tokyo"""

print(csv_to_html_table(csv_data))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.