跳到内容
🛠️ToolsShed

CSV转HTML表格生成器

将CSV数据转换为带实时预览的HTML表格。提供样式、标题和CSS类选项。

关于此工具

CSV(逗号分隔值)是存储和交换表格数据的最通用的数据格式之一。将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.