Online CSV'den HTML Tabloya Dönüştürücü — Temiz Tablo Kodu

Ne işe yarar

Bu araç CSV verilerini bir HTML tablosuna dönüştürür. İlk satır tablo başlığı olur (<thead> içindeki <th> hücreleri), diğer her satır ise <tbody> içinde bir <tr> olur. Kod girintilidir ve satır içi stil içermez; bu yüzden okumak, düzenlemek ve stil vermek kolaydır.

Bir elektronik tabloyu web sitesinde yayınlamak, bir blog yazısına veya bültene tablo eklemek ya da verileri bir HTML sayfasında belgelemek için kullanın.

Nasıl kullanılır

CSV’yi Girdi kutusuna yapıştırın, bir .csv dosyası yükleyin veya Örnek düğmesine tıklayın.
Siz yazarken HTML sağ tarafta görünür.
Otomatik algılama yanlış ayırıcıyı seçerse Ayırıcı seçeneğini belirleyin, verilerinizde başlık yoksa İlk satır başlık seçeneğini kapatın.
HTML’yi kopyalayın veya .html dosyası olarak indirin.

Örnek

name,city
Alice,Shanghai

şuna dönüşür:

<table>
  <thead>
    <tr>
      <th>name</th>
      <th>city</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>Shanghai</td>
    </tr>
  </tbody>
</table>

Notlar

En geniş satırdan daha az hücreye sahip satırlar boş hücrelerle doldurulur; böylece her satır aynı sayıda sütuna sahip olur.

SSS

› Oluşturulan tabloya stil verebilir miyim?

Evet. Çıktı, satır içi stil içermeyen düz <table>, <thead>, <tbody>, <tr>, <th> ve <td> kodudur; bu yüzden sitenizin CSS'ini devralır. Hedeflemek için <table> etiketine bir sınıf ekleyin.

› CSV dosyamda başlık satırı yoksa ne olur?

"İlk satır başlık" seçeneğini kapatın. Bu durumda tüm satırlar veri satırı olarak yazılır ve <thead> oluşturulmaz.

› Özel karakterler güvenli mi?

Evet. <, >, & ve tırnaklar kaçışlanır; bu sayede hücre içeriği metin olarak gösterilir ve HTML enjekte edemez. Bir hücredeki satır sonları <br> olur.

› Boyut sınırı var mı?

1 MB'a kadar olan girdiler siz yazarken dönüştürülür; daha büyük dosyalar manuel moda geçer, bu durumda Çalıştır'a basın.