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
Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.
Ký tự ngăn cách các cột trong tệp CSV và văn bản, dùng cho cả đọc và ghi. Tự động sẽ nhận diện từ dữ liệu đầu vào và ghi bằng dấu phẩy.
UTF-8 dùng được cho mọi ngôn ngữ. Chọn UTF-8 có BOM nếu Excel trên Windows hiển thị sai ký tự có dấu hoặc ký tự châu Á khi mở tệp CSV.
Với đầu vào Excel, ODS và Numbers: chỉ chuyển trang tính đầu tiên, hoặc mọi trang tính (mỗi trang tính một tệp CSV trong tệp ZIP, hoặc mỗi trang tính một khóa JSON).
Tên thẻ trang tính trong bảng tính mới, tối đa 31 ký tự.
Mảng đối tượng dùng tên cột làm khóa cho từng dòng; mảng của mảng gọn hơn và giữ tiêu đề làm mảng đầu tiên.
Tên phần tử ngoài cùng bao tất cả các dòng; mỗi dòng trở thành một <row> bên trong nó.
Dùng trong các câu lệnh CREATE TABLE và INSERT. Chỉ gồm chữ cái, chữ số và dấu gạch dưới.
Cách đặt dấu trích dẫn và kiểu cột hơi khác nhau giữa các cơ sở dữ liệu; hãy chọn hệ bạn sẽ nhập vào.
Ghi lại các ô ngày tháng theo một định dạng thống nhất. ISO (2026-10-18) an toàn nhất cho cơ sở dữ liệu và mã nguồn; giữ nguyên để chúng như trong tệp gốc.
Cách sử dụng công cụ này
- 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
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
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
[
{"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 & export</td></tr>
<tr><td>2.3.1</td><td>2026-08-12</td><td>Fix <select> 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 table | Bảng Markdown | DOCX table |
|---|---|---|---|
| JSON array | JSON array to HTML table: yes | JSON array to Bảng Markdown: yes | JSON array to DOCX table: yes |
| JSON Lines | JSON Lines to HTML table: yes | JSON Lines to Bảng Markdown: yes | JSON Lines to DOCX table: yes |
| NDJSON | NDJSON to HTML table: yes | NDJSON to Bảng Markdown: yes | NDJSON to DOCX table: yes |
| CSV | CSV to HTML table: yes | CSV to Bảng Markdown: yes | CSV to DOCX table: yes |
| XLSX | XLSX to HTML table: yes | XLSX to Bảng Markdown: yes | XLSX to DOCX table: yes |
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
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
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.
- Chuyển HTML sang JSONChuyển bảng HTML sang JSON: ô tiêu đề thành khóa, mỗi hàng thành một đối tượng. Tải lên trang .html hoặc .htm đã lưu, không cần viết code cào dữ liệu.
- Chuyển JSON sang ExcelChuyển JSON hoặc JSON Lines thành bảng Excel XLSX: khóa thành tiêu đề cột, mỗi bản ghi thành một hàng. Tối đa 20 file mỗi lượt, không cần tài khoản.
- Chuyển JSON sang CSVChuyển JSON hoặc JSON Lines sang CSV: mỗi đối tượng một dòng, trường lồng nhau tách thành cột, UTF-8 có BOM để Excel hiển thị đúng dấu. 20 file cùng lúc.
- Chuyển JSON sang TXTChuyển JSON sang file văn bản thuần: mỗi bản ghi một dòng, các trường phân tách bằng tab hoặc ký tự bạn chọn. Mở được bằng Notepad, Excel và công cụ dòng lệnh.
- Chuyển CSV sang bảng MarkdownChuyển CSV sang bảng Markdown dạng pipe cho GitHub, GitLab, Obsidian hoặc Jupyter. Tự thoát ký tự |, giữ hàng tiêu đề, mọi dấu phân cách. Dán vào tài liệu.
- Chuyển HTML sang CSVChuyển bảng từ trang web đã lưu sang CSV cho Excel hoặc Google Sheets. Dữ liệu sạch, không liên kết, kiểu dáng hay định dạng ẩn. File HTML và HTM.