UltKit

Chuyển JSON sang bảng HTML

Trình bày dữ liệu API cho những người sẽ không bao giờ mở file .json. Công cụ tạo bảng HTML từ các bản ghi của bạn, mỗi khóa một ô tiêu đề, mỗi đối tượng một hàng, sẵn sàng mở trong trình duyệt hoặc dán vào trang web.

Chuyển đổi dữ liệu

hoặc thả tệp CSV, TSV, TXT … vào đây ·

Tối đa 95 MB mỗi tệp· Tối đa 20 tệp· Xóa sau 30 phút

Đầu ra

Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.

Cách sử dụng công cụ này

  1. 1

    Tải lên dữ liệu JSON

    Thêm các file .json, .jsonl hoặc .ndjson. Mảng các đối tượng có cùng khóa sẽ cho bảng gọn gàng nhất. Tối đa 20 file, mỗi file 95 MB.

  2. 2

    Kiểm tra tiêu đề cột và ngày tháng

    Các khóa trở thành tiêu đề cột. Trong Cài đặt nâng cao, đặt Ngày tháng theo định dạng người đọc của bạn quen thuộc, chẳng hạn 10/18/2026 cho khán giả Mỹ.

  3. 3

    Chuyển sang bảng HTML

    Nhấn Chuyển sang HTML table, mở file .html trong trình duyệt để kiểm tra, rồi sao chép bảng vào CMS, trình soạn bản tin hoặc wiki của bạn.

Chuyển JSON sang HTML biến một mảng bản ghi thành phần tử table thuần: khóa nằm ở hàng trên cùng, mỗi bản ghi một hàng và không có gì thêm, nên bảng phù hợp với mọi trang hoặc email mà bạn đặt vào.

Ai cần hiển thị JSON dưới dạng bảng HTML

JSON thường do một hệ thống xuất ra còn bảng thì dành cho con người. Một quản lý sản phẩm lấy danh sách feature flag từ API quản trị và muốn đưa vào wiki của nhóm. Một lập trình viên phải cho khách hàng xem kết quả xuất dữ liệu mà không đưa họ trình xem JSON. Một biên tập viên bản tin nhận danh sách sự kiện từ nền tảng đặt chỗ và cần đưa vào số báo tới. Gõ tay từng hàng cho hàng trăm bản ghi thì rất chậm.

Bảng đã là một phần của web từ HTML 3.2, được W3C công bố thành Recommendation vào tháng 1 năm 1997, và mọi trình duyệt, CMS và ứng dụng email đều biết cách hiển thị chúng. Trình chuyển đổi chỉ ghi phần cấu trúc, gồm ô tiêu đề và ô dữ liệu, nên kiểu có sẵn của trang web quyết định giao diện. Khi đích đến là README trên GitHub hoặc tài liệu viết bằng Markdown, CSV sang Markdown tạo ra bảng dạng dấu gạch đứng tương ứng.

Ví dụ chuyển JSON sang bảng HTML

Hai bản ghi phát hành được chuyển bằng Chuyển sang HTML table
[
  {"version": "2.4.0", "date": "2026-09-30", "notes": "Faster search & export"},
  {"version": "2.3.1", "date": "2026-08-12", "notes": "Fix <select> width"}
]

<table>
  <thead>
    <tr><th>version</th><th>date</th><th>notes</th></tr>
  </thead>
  <tbody>
    <tr><td>2.4.0</td><td>2026-09-30</td><td>Faster search &amp; export</td></tr>
    <tr><td>2.3.1</td><td>2026-08-12</td><td>Fix &lt;select&gt; width</td></tr>
  </tbody>
</table>

Dữ liệu JSON đầu vào và các kiểu bảng đầu ra có thể chọn

from ↓ · to →HTML tableBảng MarkdownDOCX table
JSON arrayJSON array to HTML table: yesJSON array to Bảng Markdown: yesJSON array to DOCX table: yes
JSON LinesJSON Lines to HTML table: yesJSON Lines to Bảng Markdown: yesJSON Lines to DOCX table: yes
NDJSONNDJSON to HTML table: yesNDJSON to Bảng Markdown: yesNDJSON to DOCX table: yes
CSVCSV to HTML table: yesCSV to Bảng Markdown: yesCSV to DOCX table: yes
XLSXXLSX to HTML table: yesXLSX to Bảng Markdown: yesXLSX to DOCX table: yes
supported not offeredMọi đầu vào đều cho phép **Chuyển sang** bất kỳ định dạng nào trong ba kiểu bảng đầu ra; trang này chọn sẵn HTML.

Khi bảng HTML phù hợp

  • Wiki, trang CMS và cổng nội bộ chấp nhận HTML thô
  • Bản tin email, vì bảng hiển thị được trên hầu hết ứng dụng email
  • Chia sẻ nhanh: trình duyệt nào cũng mở được file, không cần phần mềm

Khi đó là lựa chọn sai

  • Dữ liệu sẽ còn được chỉnh sửa liên tục, loại này nên để trong bảng tính
  • Dữ liệu xuất rất lớn, khi trang có 50.000 hàng sẽ cuộn rất chậm
  • Đưa vào chương trình khác, trường hợp này nên dùng JSON hoặc CSV

Tổng quan định dạng JSON và HTML

JSON

Dữ liệu JavaScript Object Notation (JSON)

JSON là định dạng văn bản gọn nhẹ cho dữ liệu có cấu trúc, được Douglas Crockford phổ biến đầu thập niên 2000 và chuẩn hóa thành RFC 8259 và ECMA-404. Định dạng biểu diễn object, mảng, chuỗi, số, boolean và null bằng cú pháp đơn giản, dễ đọc. JSON là định dạng mặc định cho API web, tệp cấu hình và trao đổi dữ liệu giữa các ứng dụng trong hầu hết ngôn ngữ lập trình. Định dạng không có sẵn chú thích, kiểu ngày tháng hay schema, và tệp lớn lồng nhiều cấp rất khó đọc nếu không có trình xem.

Nén
–
Độ trong suốt
–
Ảnh động
–
Ra mắt
2001 · Douglas Crockford
Công cụ chuyển đổi JSON

HTML

Ngôn ngữ đánh dấu siêu văn bản (HTML)

HTML là ngôn ngữ đánh dấu của web, được Tim Berners-Lee mô tả lần đầu vào đầu thập niên 1990 và hiện do WHATWG duy trì dưới dạng tiêu chuẩn sống. Tệp HTML mô tả tiêu đề, đoạn văn, liên kết, bảng, hình ảnh và biểu mẫu, còn phần trình bày thường đến từ CSS. Mọi trình duyệt đều hiển thị HTML, và định dạng này cũng được dùng cho mẫu email và trang web đã lưu. Một tệp HTML đơn lẻ thường phụ thuộc vào ảnh và stylesheet bên ngoài, nên có thể hiển thị lỗi khi bị di chuyển riêng.

Nén
–
Độ trong suốt
–
Ảnh động
–
Ra mắt
1993 · Tim Berners-Lee; maintained by WHATWG
Công cụ chuyển đổi HTML

JSON được hiển thị thành HTML khi dữ liệu do mã lấy về cần được người đọc xem trong trình duyệt, email hoặc trang CMS, nơi một bảng có tiêu đề dễ đọc hơn nhiều so với dấu ngoặc nhọn và dấu nháy thô.

Hai định dạng này nằm ở hai đầu của một yêu cầu web. JSON là thứ máy chủ gửi cho mã, còn HTML là thứ trình duyệt hiển thị cuối cùng. Chuyển đổi thủ công nghĩa là làm trong một file việc mà template front-end sẽ làm lúc chạy, và đó là lựa chọn hợp lý khi dữ liệu là bản chụp tại một thời điểm chứ không phải luồng thay đổi từng phút.

Câu hỏi về chuyển JSON sang HTML

Có thể dán bảng HTML vào WordPress không?

Có. Chuyển trình soạn thảo khối sang khối Custom HTML, hoặc mở tab Text của trình soạn thảo cổ điển, rồi dán phần tử table. Kiểu bảng của giao diện (theme) sẽ tự áp dụng, vì kết quả chỉ chứa mã đánh dấu chứ không kèm stylesheet riêng.

Bảng có hiển thị trong Outlook và Gmail không?

Bảng HTML là cấu trúc đáng tin cậy nhất trong email, vì Outlook trên máy tính hiển thị thư bằng công cụ của Word từ Outlook 2007 và bỏ qua nhiều thuộc tính CSS hiện đại. Hãy chèn bảng bằng tùy chọn HTML hoặc mã nguồn của công cụ email thay vì đính kèm file.

Đối tượng lồng nhau được hiển thị trong bảng như thế nào?

Các đối tượng lồng nhau được trải thành các cột bổ sung với tên có dấu chấm, như customer.email. Danh sách giá trị bên trong một bản ghi vẫn nằm trong một ô dưới dạng văn bản JSON, vì mỗi hàng của bảng không thể có số ô khác nhau theo từng bản ghi.

Ký tự đặc biệt trong dữ liệu có an toàn trong HTML không?

Các ký tự có ý nghĩa trong HTML, như < và &, được ghi dưới dạng thực thể, nên giá trị như <b>Sale</b> hiển thị thành văn bản thay vì làm ô in đậm. Nhờ đó, mã đánh dấu lạ trong dữ liệu do người dùng tạo cũng không thể chạy trên trang của bạn.

Vì sao nên dùng bảng thay vì biểu đồ?

Bảng hiển thị giá trị chính xác và giúp người đọc tra cứu từng hàng; biểu đồ thể hiện xu hướng. Với bảng giá, nhật ký phát hành hay danh bạ nhân sự, bảng là lựa chọn phù hợp; với chuỗi thời gian, hãy dùng bảng HTML làm nguồn dữ liệu cho thư viện biểu đồ.

Có thể chỉnh sửa dữ liệu sau khi chuyển đổi không?

Hãy sửa ở nguồn chứ không sửa trong HTML. Cập nhật JSON hoặc bảng tính gốc rồi chuyển đổi lại, hoặc đưa các bản ghi vào workbook bằng JSON sang Excel nếu người không chuyên kỹ thuật sẽ quản lý chúng.