Konwerter CSV na tabelę HTML

Konwerter CSV na tabelę HTML: wklej wiersze, pobierz kod | We.Inc

Darmowy konwerter CSV na tabelę HTML. Wklej dane rozdzielone przecinkami, średnikami lub tabulatorami albo komórki skopiowane z arkusza kalkulacyjnego i otrzymaj czystą, dostępną tabelę HTML.

Konwerter CSV na tabelę HTML

Wklej wiersze z pliku CSV lub prosto z arkusza kalkulacyjnego i otrzymaj uporządkowany kod tabeli HTML z wierszem nagłówka, bezpiecznie zapisanym tekstem i atrybutami scope dla czytników ekranu. Użyj go, aby umieścić na stronie cennik, godziny otwarcia, tabelę rozmiarów lub porównanie bez ręcznego wpisywania każdej komórki.

  • Wklej dane. Komórki skopiowane z Excela lub Arkuszy Google są rozdzielone tabulatorami, więc wybierz Tabulator; zapisany plik .csv zwykle używa przecinków.
  • Zostaw zaznaczone 'Pierwszy wiersz to nagłówek', jeśli pierwsza linia zawiera nazwy kolumn. Staną się komórkami th w thead.
  • Dodaj nazwę klasy, jeśli Twoja strona stylizuje tabele za jej pomocą, na przykład 'price-table'.
  • Skopiuj HTML na stronę lub pobierz go. Wiersze krótsze od najdłuższego są uzupełniane pustymi komórkami, aby kolumny się zgadzały.
  • Wartości zawierające separator, na przykład 'Bread, rye' w pliku z przecinkami, muszą być w CSV ujęte w cudzysłów. Eksport z arkusza kalkulacyjnego robi to automatycznie.
  • Używaj tabel tylko do danych, które naprawdę mają wiersze i kolumny. Układanie strony za pomocą tabeli utrudnia czytanie na telefonach i czytnikom ekranu.
  • Nad tabelą dodaj krótkie zdanie lub podpis mówiący, co pokazuje. Pomaga to odwiedzającym i wyszukiwarkom zrozumieć liczby.
  • Szerokie tabele wychodzą poza ekran telefonu. Umieść tabelę w divie z overflow-x: auto, aby przewijała się w bok zamiast psuć stronę.

Najczęściej zadawane pytania

Jak zamienić CSV na tabelę HTML?

Wklej CSV, wybierz separator i skopiuj kod. Każda linia staje się wierszem tr, a każda wartość komórką td; przy opcji nagłówka pierwsza linia staje się komórkami th z scope="col". Na przykład 'Item,Price', a potem 'Soup,$5' daje tabelę z nagłówkami Item i Price oraz jednym wierszem: Soup, $5.

Czy mogę wkleić dane prosto z Excela lub Arkuszy Google?

Tak. Skopiowane komórki trafiają do schowka rozdzielone tabulatorami. Wybierz Tabulator jako separator i wklej.

A co z przecinkami i cudzysłowami w wartościach?

Konwerter stosuje typowe zasady CSV: wartość w cudzysłowie może zawierać separator i podziały wierszy, a cudzysłów w jej środku zapisuje się jako dwa cudzysłowy. "Say ""hi""" daje Say "hi".

Czy tekst jest zabezpieczany?

Tak. Znaki takie jak <, > i & są zamieniane na encje HTML, więc komórka z '<5 kg' wyświetla się jako tekst, zamiast psuć stronę.

Czy moje dane są wysyłane?

Nie. Tabela powstaje w Twojej przeglądarce i nic, co wkleisz, nie jest nigdzie wysyłane.

Dlaczego komórki nagłówka i scope mają znaczenie

  • Czytnik ekranu odczytuje komórkę razem z nagłówkiem jej kolumny, więc słuchacz słyszy 'Price, $5', a nie samo '$5'. Działa to tylko wtedy, gdy nagłówki są oznaczone jako komórki th. Atrybut scope="col" usuwa wątpliwości, czy nagłówek dotyczy kolumny, czy wiersza, co jest najważniejsze w tabelach z kilkoma komórkami nagłówka.
  • Umieszczenie wiersza nagłówka w thead, a reszty w tbody pomaga też przy drukowaniu: wiele przeglądarek powtarza wiersz thead na górze każdej drukowanej strony, gdy długa tabela zajmuje kilka stron.

Jak wybrać właściwy separator

  • CSV oznacza wartości rozdzielone przecinkami, ale separator bywa różny. Arkusze w krajach, które zapisują ułamki z przecinkiem, takich jak Niemcy czy Brazylia, zwykle eksportują ze średnikami, aby 2,50 pozostało jedną wartością. Kopiowanie z arkusza daje tabulatory. Jeśli wynik pokazuje wszystko w jednej kolumnie, wybrany separator nie pasuje do danych.
  • Gdy tabela w niektórych wierszach wygląda na przesuniętą o kolumnę, poszukaj separatora bez cudzysłowu wewnątrz wartości, na przykład adresu z przecinkiem. Ujmij tę wartość w cudzysłów w źródle albo ponownie wyeksportuj plik i przekonwertuj jeszcze raz.

Dane CSV

Item,Price,Size Sourdough loaf,$8,900 g "Croissant, butter",$3.50,1 piece Coffee,$4,12 oz

Separator

Przecinek ,

Średnik ;

Tabulator (wklejone z arkusza)

Pierwszy wiersz to nagłówek

Klasa tabeli (opcjonalnie)

Wklej kilka wierszy danych do konwersji.

Tabela HTML

Zacznij za darmo · Bez karty kredytowej

Powiązane: Darmowe narzędzia

Produkt

Dla kogo

Funkcje

Zasoby

Firma

Mapa strony