ViewCSVBuka atau tempel file CSV dan dapatkan <table> dengan <thead> berisi judul <th scope="col"> serta satu <tr> per baris, atau halaman HTML lengkap yang bisa langsung dibuka. Setiap nilai di-escape untuk HTML, jadi <script> atau & di data Anda tampil sebagai teks dan tidak pernah menjadi markup. File dikonversi di browser Anda dan tidak pernah diunggah.
Cara mengonversi CSV ke HTML
- Pilih Buka file, seret file
.csv,.tsv, atau.txtke alat ini, atau pilih Tempel. Sesuaikan pemisah atau pengodean di Pengaturan impor jika kolomnya tampak salah. - Di bagian Hasil, pilih Tabel saja untuk menempelkan markup ke halaman atau CMS yang sudah ada, atau Halaman HTML lengkap untuk file mandiri.
- Tambahkan Keterangan tabel (opsional), tentukan gaya dan baris baru, lalu pilih Salin atau Unduh HTML.
Untuk README atau wiki, tabel Markdown biasanya lebih mudah diedit; untuk file yang siap dicetak, gunakan CSV ke PDF.
Opsi tabel HTML
| Tabel saja | Pilihan bawaan. Hanya elemen <table>, siap ditempel ke halaman, templat email, atau blok HTML di CMS. |
|---|---|
| Halaman HTML lengkap | Menambahkan <!doctype html>, <html lang="en"> (tag bahasanya mengikuti bahasa situs), <meta charset="utf-8">, dan <title> (keterangan tabel, atau Table jika tidak ada), sehingga file terbuka dengan benar di browser mana pun. |
| Keterangan tabel (opsional) | Menulis <caption> sebagai anak pertama tabel: nama aksesibel yang dibacakan pembaca layar untuk tabel tersebut. |
| Tambahkan gaya sederhana | Aktif secara bawaan. Di halaman lengkap, opsi ini menyisipkan stylesheet kecil: garis tepi, baris judul berlatar, dan angka rata kanan. Dengan Tabel saja, yang ditambahkan adalah class="csv-table" pada tabel dan class="num" pada sel angka, sehingga tampilannya ditentukan CSS Anda sendiri. |
| Tampilkan baris baru di dalam sel | Aktif secara bawaan. Baris baru di dalam nilai menjadi <br>. Jika nonaktif, baris baru tetap ada di kode sumber, dan browser menampilkannya sebagai spasi. |
Escape, arah teks, dan angka
&,<,>,", dan'ditulis sebagai&,<,>,", dan'di setiap sel, judul kolom, dan keterangan tabel. Tag di data Anda tampil sebagai teks, yang juga berarti HTML yang sudah ada di CSV tidak dirender.- Setiap sel memakai
dir="auto", sehingga nilai berbahasa Arab atau Ibrani tampil dari kanan ke kiri meskipun berada di halaman kiri-ke-kanan. - Sebuah kolom dianggap numerik hanya jika setiap nilai yang tidak kosong berupa angka biasa; kolom ID seperti
0042dibiarkan sebagai teks dan tidak dibuat rata kanan. Nilainya sendiri tidak pernah diubah formatnya. - Koma, tanda kutip, dan baris baru bertanda kutip dibaca sesuai RFC 4180. Judul kolom yang kosong menjadi
Column 3dan yang berulang menjadiname (2). - Hasilnya UTF-8. Halaman lengkap menyatakannya dengan
<meta charset="utf-8">; jika Anda menempelkan Tabel saja ke halaman lain, halaman itu juga harus UTF-8.
Jika tabel HTML tampil tidak sesuai
- Huruf beraksen tampil seperti é di file sumber. CSV-nya bukan UTF-8. Pilih pengodeannya (sering Windows-1252 untuk ekspor Excel versi lama) di Pengaturan impor lalu buka ulang.
- Tag dari data saya tampil sebagai teks. HTML di sel Anda sengaja di-escape agar tidak bisa berjalan sebagai markup. Edit hasilnya jika Anda memercayai isinya dan ingin isinya dirender.
- Tabel yang ditempel tidak punya garis tepi. Tabel saja hanya menambahkan nama class (jika gaya diaktifkan), bukan CSS. Beri gaya pada
.csv-tabledantd.numdi stylesheet situs Anda, atau pilih Halaman HTML lengkap untuk mendapatkan gaya bawaan. - Satu kolom menampung semua nilai. Pemisahnya salah ditebak; atur di Pengaturan impor.
Batas dan privasi
File hingga 25 MB, 100.000 baris, atau 2 juta sel dibuka dengan pratinjau langsung 200 baris pertama. File yang lebih besar dikonversi dalam mode streaming: file dibaca dua kali per bagian (sekali untuk mengukur kolom dan menentukan mana yang numerik, sekali untuk menulis), sebuah pemberitahuan menyebutkan bahwa unduhan mencakup seluruh file, dan Salin tidak tersedia. Satu file hasil dibatasi hingga 4 GB.
Konversi berjalan di worker latar belakang pada tab ini, jadi halaman tetap responsif dan Batal bisa menghentikannya. File CSV tidak pernah dikirim ke server.
Contoh: daftar pesanan dengan karakter khusus HTML
Daftar pesanan dengan ampersand, apostrof, tanda kutip, dan HTML di dalam komentar dua baris, dikonversi dengan pengaturan bawaan (Tabel saja, dengan gaya, baris baru ditampilkan). Semua nilai qty berupa angka, jadi selnya mendapat class="num".
id,product,qty,comment 0042,Fish & Chips,2,"<b>Extra</b> vinegar no salt" 0043,"O'Brien's ""Stout""",12,
<table class="csv-table">
<thead>
<tr>
<th scope="col">id</th>
<th scope="col">product</th>
<th scope="col">qty</th>
<th scope="col">comment</th>
</tr>
</thead>
<tbody>
<tr>
<td dir="auto">0042</td>
<td dir="auto">Fish & Chips</td>
<td class="num" dir="auto">2</td>
<td dir="auto"><b>Extra</b> vinegar<br>no salt</td>
</tr>
<tr>
<td dir="auto">0043</td>
<td dir="auto">O'Brien's "Stout"</td>
<td class="num" dir="auto">12</td>
<td dir="auto"></td>
</tr>
</tbody>
</table>Tanya jawab
Apakah hasilnya aman ditempel ke situs saya?
Data Anda tidak bisa menyisipkan markup: setiap nilai, judul kolom, dan keterangan tabel di-escape untuk HTML, dan tidak ada nilai yang pernah ditaruh di dalam atribut. Satu-satunya tag di hasil adalah elemen tabel yang ditulis oleh konverter itu sendiri.
Dari mana atribut lang="en" di halaman lengkap berasal?
Halaman lengkap mengambil tag bahasanya dari bahasa situs yang sedang Anda pakai. Ubah atribut lang setelah mengunduh jika data Anda berbahasa lain.
Bisakah tabel HTML-nya diurutkan atau difilter?
Hasilnya tabel statis tanpa skrip. Urutkan atau filter datanya lebih dulu dengan Urutkan baris CSV atau Filter baris CSV, lalu konversikan.