UltKit

JSON 轉 HTML 表格

要讓從不開 .json 檔案的人看懂 API 輸出的資料嗎?轉換器會依你的記錄產生 HTML 表格,每個鍵一個標題儲存格、每個物件一列,可直接用瀏覽器開啟或貼到網頁中。

資料轉換器

或將CSV, TSV, TXT … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

輸出

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳 JSON 資料

    加入 .json、.jsonl 或 .ndjson 檔案。由鍵名相同的物件組成的陣列,可產生最整齊的表格。最多 20 個檔案,每個最大 95 MB。

  2. 2

    檢查標題與日期

    鍵名會成為欄位標題。在進階設定中,將日期設為讀者熟悉的格式,例如美國讀者適用的 10/18/2026。

  3. 3

    轉換為 HTML 表格

    按下轉換為 HTML table,用瀏覽器開啟 .html 檔案確認內容,再把表格複製到 CMS、電子報編輯器或 wiki。

JSON 轉 HTML 會把記錄陣列轉成單純的 table 元素:鍵名在最上方,每筆記錄一列,沒有其他多餘內容,因此適合放進任何頁面或電子郵件。

誰需要把 JSON 顯示成 HTML 表格

JSON 通常來自系統,而表格是要給人看的。產品經理從管理 API 取得功能開關清單,想放進團隊 wiki;開發人員要向客戶展示資料匯出的結果,卻不想讓對方使用 JSON 檢視器;電子報編輯從訂位平台取得活動列表,需要放進下一期。要手動輸入數百筆記錄的列,實在太慢。

表格從 HTML 3.2 起就是網頁的一部分,W3C 在 1997 年 1 月將其發布為建議標準,所有瀏覽器、CMS 和電子郵件用戶端都能顯示。轉換器只寫出結構,也就是標題儲存格和資料儲存格,外觀則由你網站既有的樣式決定。如果目的地是 GitHub README 或以 Markdown 撰寫的文件,CSV 轉 Markdown 可產生對應的直線表格。

JSON 轉 HTML 表格範例

使用「轉換為 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>

JSON 輸入與可選的表格輸出

from ↓ · to →HTML tableMarkdown 表格DOCX table
JSON arrayJSON array to HTML table: yesJSON array to Markdown 表格: yesJSON array to DOCX table: yes
JSON LinesJSON Lines to HTML table: yesJSON Lines to Markdown 表格: yesJSON Lines to DOCX table: yes
NDJSONNDJSON to HTML table: yesNDJSON to Markdown 表格: yesNDJSON to DOCX table: yes
CSVCSV to HTML table: yesCSV to Markdown 表格: yesCSV to DOCX table: yes
XLSXXLSX to HTML table: yesXLSX to Markdown 表格: yesXLSX to DOCX table: yes
supported not offered所有輸入檔案都能**轉換為**這三種表格輸出中的任一種;本頁預設選取 HTML。

HTML 表格適合的情境

  • 接受原始 HTML 的 wiki、CMS 頁面和內部網站入口
  • 電子報,因為幾乎所有用戶端都能顯示表格
  • 快速分享:任何瀏覽器都能開啟檔案,不需安裝軟體

不適合的情境

  • 需要持續編輯的資料,這類資料適合放在試算表
  • 非常大的匯出檔,50,000 列的頁面捲動起來會很慢
  • 要提供給其他程式使用時,應改用 JSON 或 CSV

JSON 與 HTML 格式一覽

JSON

JavaScript 物件表示法

JSON 是用於結構化資料的輕量文字格式,由 Douglas Crockford 在 2000 年代初期推廣,並標準化為 RFC 8259 和 ECMA-404。它以簡單易讀的語法表示物件、陣列、字串、數字、布林值和 null。幾乎所有程式語言都把它當作網頁 API、設定檔和應用程式間資料交換的預設格式。它沒有內建註解、日期或結構描述,大型巢狀檔案不用檢視器很難閱讀。

壓縮方式
–
透明度
–
動畫
–
推出年份
2001 · Douglas Crockford
JSON 轉檔工具

HTML

超文字標記語言

HTML 是網頁的標記語言,由 Tim Berners-Lee 在 1990 年代初期提出,現由 WHATWG 以持續更新的標準維護。HTML 檔案用來描述標題、段落、連結、表格、圖片和表單,樣式通常由 CSS 提供。所有瀏覽器都能呈現 HTML,電子郵件範本和儲存的網頁也使用它。單一 HTML 檔案常依賴外部圖片和樣式表,單獨移動後可能會顯示異常。

壓縮方式
–
透明度
–
動畫
–
推出年份
1993 · Tim Berners-Lee; maintained by WHATWG
HTML 轉檔工具

當程式取得的資料需要讓人在瀏覽器、電子郵件或 CMS 頁面中閱讀時,就會把 JSON 轉成 HTML,因為有標題的表格比原始的大括號和引號更易讀。

這兩種格式位於網路請求的兩端:JSON 是伺服器傳給程式的資料,HTML 則是瀏覽器最終顯示的內容。手動轉換等於在檔案中完成前端範本在執行時會做的事,當資料是某一時間點的快照,而不是每分鐘都在變動的資料流時,這是很合適的取捨。

JSON 轉 HTML 常見問題

HTML 表格可以貼到 WordPress 嗎?

可以。將區塊編輯器切換為「自訂 HTML」區塊,或將傳統編輯器切換到「文字」分頁,再貼上 table 元素即可。輸出只包含標記,沒有自帶樣式表,因此會自動套用佈景主題的表格樣式。

表格在 Outlook 和 Gmail 中能正常顯示嗎?

HTML 表格是電子郵件中最可靠的結構,因為自 Outlook 2007 起,桌面版 Outlook 就以 Word 的引擎顯示郵件,並忽略許多新式 CSS。請透過電子郵件工具的 HTML 或原始碼選項插入表格,而不是附加檔案。

巢狀物件在表格中會怎麼顯示?

巢狀物件會展開成額外的欄位,欄名以點號連接,例如 customer.email。單筆記錄中的值清單會以 JSON 文字保留在同一個儲存格,因為表格每一列無法依記錄不同而增加不同數量的儲存格。

資料中的特殊字元放進 HTML 安全嗎?

在 HTML 中具有特殊意義的字元,例如 < 和 &,會以實體寫出,因此像 <b>Sale</b> 這樣的值會顯示為文字,而不會讓儲存格變成粗體。這也能避免使用者產生的資料中夾帶的標記在你的頁面上執行。

為什麼用表格而不是圖表?

表格呈現精確數值,方便讀者查找單一列;圖表則呈現趨勢。價目表、版本紀錄或員工通訊錄適合用表格;時間序列則可把 HTML 表格當作圖表程式庫的資料來源。

轉換後還能編輯資料嗎?

請從來源修改,而不是改 HTML。更新 JSON 或其原始試算表後重新轉換;如果之後由非開發人員維護,也可以用 JSON 轉 Excel 把記錄移到活頁簿中。