Generator Tabel HTML dari CSV
Mengonversi data CSV ke tabel HTML dengan pratinjau langsung. Opsi untuk gaya, header, dan kelas CSS.
Tentang alat ini
CSV (Nilai Terpisah Koma) adalah salah satu format data paling universal untuk menyimpan dan menukar informasi tabel. Mengonversi CSV ke tabel HTML sangat penting bagi pengembang web, pembuat konten, dan analis data yang perlu menampilkan data terstruktur di situs web, email, atau dokumentasi tanpa mengetik markup HTML secara manual. Tabel HTML menyediakan struktur semantik yang tepat, dukungan aksesibilitas, dan fleksibilitas gaya yang tidak dapat disediakan CSV mentah.
Untuk menggunakan generator ini, tempelkan data CSV Anda ke kolom input dan alat secara instan membuat markup tabel HTML yang valid dengan opsi yang dapat disesuaikan. Anda dapat menentukan apakah baris pertama harus diperlakukan sebagai header, menambahkan kelas CSS untuk penataan gaya, dan mengontrol struktur tabel. Ini sangat berguna saat bermigrasi data dari spreadsheet ke halaman web, menyematkan data dalam dokumentasi, atau menyiapkan konten untuk buletin email yang memerlukan pemformatan HTML yang bersih. Pratinjau langsung menunjukkan persis bagaimana tabel Anda akan dirender sebelum Anda menyalin kode.
Generator bekerja sepenuhnya di browser Anda tanpa memerlukan pengunggahan server, memastikan privasi data Anda. Anda dapat menyalin HTML yang dihasilkan langsung ke situs web, CMS, atau template email Anda. Baik Anda seorang pengembang yang mengotomatisasi alur kerja data, pemasar yang menyiapkan kampanye email dengan tabel data, atau analis bisnis yang berbagi laporan, alat ini menghilangkan pekerjaan membosankan pengkodean manual tabel HTML dan memastikan hasil yang konsisten dan terformat dengan benar setiap saat.
Pertanyaan yang Sering Diajukan
Implementasi Kode
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.