DevToolPal
VI

Chuyển CSV sang bảng HTML

Biến dữ liệu CSV thành bảng HTML gọn gàng có hàng tiêu đề, sẵn sàng dán vào trang web hoặc email.

Chạy cục bộ, không bao giờ tải lên

Tùy chọn

Đầu vào

0 ký tự · 0 B

Đầu ra

0 ký tự · 0 B

Công cụ này làm gì

Công cụ này biến dữ liệu CSV thành bảng HTML. Hàng đầu tiên trở thành tiêu đề bảng (các ô <th> nằm trong <thead>), và mọi hàng còn lại trở thành một <tr> trong <tbody>. Mã được thụt lề và không có style nội tuyến, nên dễ đọc, dễ sửa và dễ tạo kiểu.

Hãy dùng nó để đăng một bảng tính lên website, chèn bảng vào bài blog hoặc bản tin, hay trình bày dữ liệu trong một trang HTML.

Cách sử dụng

  1. Dán CSV vào ô Đầu vào, tải lên tệp .csv, hoặc nhấn Ví dụ.
  2. Mã HTML xuất hiện bên phải ngay khi bạn gõ.
  3. Chọn Dấu phân cách nếu việc tự động nhận diện chọn sai, và tắt Hàng đầu là tiêu đề nếu dữ liệu của bạn không có tiêu đề.
  4. Sao chép HTML hoặc tải xuống dưới dạng tệp .html.

Ví dụ

name,city
Alice,Shanghai

trở thành

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

Ghi chú

Những hàng có ít ô hơn hàng rộng nhất sẽ được bổ sung ô trống, để hàng nào cũng có cùng số cột.

Câu hỏi thường gặp

› Tôi có thể tùy chỉnh kiểu dáng cho bảng được tạo không?

Có. Đầu ra là mã <table>, <thead>, <tbody>, <tr>, <th> và <td> thuần, không có style nội tuyến, nên sẽ nhận CSS của trang web bạn. Thêm một class vào thẻ <table> để nhắm tới nó.

› Nếu CSV của tôi không có hàng tiêu đề thì sao?

Tắt "Hàng đầu là tiêu đề". Khi đó mọi hàng đều được ghi thành hàng dữ liệu và không tạo <thead>.

› Ký tự đặc biệt có an toàn không?

Có. <, >, & và dấu nháy đều được escape, nên nội dung ô hiển thị dưới dạng văn bản và không thể chèn HTML. Dấu xuống dòng trong ô trở thành <br>.

› Có giới hạn kích thước không?

Đầu vào tối đa 1 MB được chuyển đổi ngay khi bạn gõ; tệp lớn hơn sẽ chuyển sang chế độ thủ công, khi đó hãy nhấn Chạy.