Konwerter CSV na tabelę HTML online — czysty kod tabeli

Do czego służy

To narzędzie zamienia dane CSV w tabelę HTML. Pierwszy wiersz staje się nagłówkiem tabeli (komórki <th> wewnątrz <thead>), a każdy kolejny wiersz staje się elementem <tr> w <tbody>. Kod ma wcięcia i nie zawiera stylów inline, więc łatwo go czytać, edytować i stylować.

Użyj go, aby opublikować arkusz kalkulacyjny na stronie, wstawić tabelę do wpisu na blogu lub newslettera albo udokumentować dane na stronie HTML.

Jak używać

Wklej CSV w polu Wejście, wczytaj plik .csv lub kliknij Przykład.
HTML pojawia się po prawej w trakcie pisania.
Wybierz Separator, jeśli automatyczne wykrywanie wybierze zły, i wyłącz Pierwszy wiersz to nagłówek, jeśli twoje dane nie mają nagłówka.
Skopiuj HTML lub pobierz go jako plik .html.

Przykład

name,city
Alice,Shanghai

daje

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

Uwagi

Wiersze z mniejszą liczbą komórek niż najszerszy wiersz są uzupełniane pustymi komórkami, więc każdy wiersz ma tyle samo kolumn.

FAQ

› Czy mogę ostylować wygenerowaną tabelę?

Tak. Wynik to zwykły kod <table>, <thead>, <tbody>, <tr>, <th> i <td> bez stylów inline, więc przejmuje CSS twojej strony. Dodaj klasę do znacznika <table>, aby się do niej odwołać.

› Co jeśli mój CSV nie ma wiersza nagłówka?

Wyłącz opcję "Pierwszy wiersz to nagłówek". Wtedy wszystkie wiersze są zapisywane jako wiersze danych i nie powstaje <thead>.

› Czy znaki specjalne są bezpieczne?

Tak. <, >, & i cudzysłowy są escapowane, więc zawartość komórek jest wyświetlana jako tekst i nie może wstrzyknąć HTML. Podziały wiersza wewnątrz komórki stają się <br>.

› Czy jest limit rozmiaru?

Dane do 1 MB są konwertowane w trakcie pisania; większe pliki przełączają się w tryb ręczny, więc naciśnij Uruchom.