แปลง JSON เป็นตาราง HTML

แสดงผลลัพธ์จาก API ให้คนที่ไม่เคยเปิดไฟล์ .json ดูได้ง่าย ๆ เครื่องมือนี้จะสร้างตาราง HTML จากเรกคอร์ดของคุณ โดยมีเซลล์หัวตารางหนึ่งช่องต่อหนึ่งคีย์ และหนึ่งแถวต่อหนึ่งออบเจ็กต์ พร้อมเปิดในเบราว์เซอร์หรือนำไปวางในหน้าเว็บได้ทันที

หรือลากไฟล์ CSV, TSV, TXT … มาวางที่นี่ ·

สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที

ผลลัพธ์

แปลงเป็น

ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที

CSV และข้อความ

ตัวคั่น

อักขระที่ใช้คั่นคอลัมน์ในไฟล์ CSV และไฟล์ข้อความ ทั้งตอนอ่านและตอนเขียน ค่าอัตโนมัติจะตรวจหาจากไฟล์ต้นฉบับและเขียนด้วยจุลภาค

การเข้ารหัสข้อความ

UTF-8 ใช้ได้กับทุกภาษา เลือก UTF-8 พร้อม BOM หาก Excel บน Windows แสดงอักษรที่มีวรรณยุกต์หรืออักษรเอเชียเพี้ยนเมื่อเปิด CSV

แถวแรกเป็นส่วนหัว

ใช้แถวแรกเป็นชื่อคอลัมน์ ซึ่งจะกลายเป็นคีย์ JSON แท็ก XML ชื่อคอลัมน์ SQL และการจับคู่ฟิลด์ vCard ปิดตัวเลือกนี้หากแถวที่ 1 เป็นข้อมูล

ชีต

ชีตที่จะแปลง

สำหรับไฟล์ Excel, ODS และ Numbers: แปลงเฉพาะชีตแรก หรือทุกชีต (CSV หนึ่งไฟล์ต่อชีตใน ZIP หรือคีย์ JSON หนึ่งคีย์ต่อชีต)

JSON, XML และ SQL

ค่าข้อมูล

วันที่

เขียนเซลล์วันที่ใหม่ให้เป็นรูปแบบเดียวกัน ISO (2026-10-18) ปลอดภัยที่สุดสำหรับฐานข้อมูลและโค้ด ส่วนคงเดิมจะเก็บไว้ตามที่ปรากฏในต้นฉบับ

ตัดช่องว่าง

ลบช่องว่างที่ต้นและท้ายของทุกค่า ซึ่งเป็นสาเหตุที่พบบ่อยของการค้นหาข้อมูลล้มเหลวหลังนำเข้า

วิธีใช้เครื่องมือนี้

1
อัปโหลดข้อมูล JSON
เพิ่มไฟล์ .json, .jsonl หรือ .ndjson อาร์เรย์ของออบเจกต์ที่มีคีย์เหมือนกันจะได้ตารางที่เรียบร้อยที่สุด รองรับสูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB
2
ตรวจสอบหัวตารางและวันที่
คีย์จะกลายเป็นหัวคอลัมน์ ใน การตั้งค่าขั้นสูง ให้ตั้ง วันที่ เป็นรูปแบบที่ผู้อ่านคุ้นเคย เช่น 10/18/2026 สำหรับผู้อ่านในสหรัฐอเมริกา
3
แปลงเป็นตาราง HTML
กด แปลงเป็น HTML table แล้วเปิดไฟล์ .html ในเบราว์เซอร์เพื่อตรวจสอบ จากนั้นคัดลอกตารางไปวางใน CMS ตัวแก้ไขจดหมายข่าว หรือวิกิของคุณ

JSON เป็น HTML แปลงอาร์เรย์ของระเบียนให้เป็นองค์ประกอบ table แบบเรียบ ๆ คือคีย์อยู่แถวบน หนึ่งระเบียนต่อหนึ่งแถว และไม่มีอย่างอื่นเพิ่ม จึงใช้ได้กับทุกหน้าเว็บหรืออีเมลที่นำไปวาง

ใครบ้างที่ต้องแสดง JSON เป็นตาราง HTML

JSON มักมาจากระบบ แต่ตารางต้องส่งให้คนอ่าน เช่น ผู้จัดการผลิตภัณฑ์ดึงรายการ feature flag จาก API ผู้ดูแลระบบและต้องการนำไปไว้ในวิกิของทีม นักพัฒนาต้องแสดงผลการส่งออกข้อมูลให้ลูกค้าดูโดยไม่ต้องให้ใช้ตัวดู JSON หรือบรรณาธิการจดหมายข่าวได้รายการกิจกรรมจากแพลตฟอร์มจองและต้องใช้ในฉบับถัดไป การพิมพ์แถวด้วยมือสำหรับระเบียนหลายร้อยรายการนั้นช้า

ตารางเป็นส่วนหนึ่งของเว็บมาตั้งแต่ HTML 3.2 ซึ่ง W3C ประกาศเป็น Recommendation ในเดือนมกราคม 1997 และเบราว์เซอร์ CMS และโปรแกรมอีเมลทุกตัวแสดงตารางได้ ตัวแปลงเขียนเฉพาะโครงสร้าง คือเซลล์หัวและเซลล์ข้อมูล สไตล์ที่มีอยู่ของเว็บไซต์จึงเป็นตัวกำหนดหน้าตา หากปลายทางคือ GitHub README หรือเอกสารที่เขียนด้วย Markdown ให้ใช้ CSV เป็น Markdown ซึ่งสร้างตารางแบบ pipe ที่เทียบเท่ากัน

ตัวอย่างการแปลง 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 table	ตาราง Markdown	DOCX table
JSON array	JSON array to HTML table: yes	JSON array to ตาราง Markdown: yes	JSON array to DOCX table: yes
JSON Lines	JSON Lines to HTML table: yes	JSON Lines to ตาราง Markdown: yes	JSON Lines to DOCX table: yes
NDJSON	NDJSON to HTML table: yes	NDJSON to ตาราง Markdown: yes	NDJSON to DOCX table: yes
CSV	CSV to HTML table: yes	CSV to ตาราง Markdown: yes	CSV to DOCX table: yes
XLSX	XLSX to HTML table: yes	XLSX to ตาราง Markdown: yes	XLSX to DOCX table: yes

supported not offeredทุกอินพุตเลือก **แปลงเป็น** ผลลัพธ์ตารางได้ทั้งสามแบบ หน้านี้เลือก HTML ไว้ให้ล่วงหน้า

กรณีที่ตาราง HTML เหมาะ

วิกิ หน้า CMS และพอร์ทัลอินทราเน็ตที่รับ HTML ดิบ
จดหมายข่าวทางอีเมล ซึ่งตารางแสดงผลได้ในแทบทุกโปรแกรม
แชร์ได้เร็ว เบราว์เซอร์ใดก็เปิดไฟล์ได้ ไม่ต้องติดตั้งซอฟต์แวร์

กรณีที่ไม่ควรเลือก

ข้อมูลที่ยังต้องแก้ไขต่อเนื่อง ซึ่งควรอยู่ในสเปรดชีต
ไฟล์ส่งออกขนาดใหญ่มาก เพราะหน้าที่มี 50,000 แถวจะเลื่อนช้า
การส่งต่อให้โปรแกรมอื่น ซึ่งควรได้ JSON หรือ CSV แทน

สรุปฟอร์แมต JSON และ HTML

JSON

JavaScript Object Notation

JSON คือรูปแบบข้อความขนาดเบาสำหรับข้อมูลเชิงโครงสร้าง ได้รับความนิยมจาก Douglas Crockford ในช่วงต้นทศวรรษ 2000 และกำหนดเป็นมาตรฐาน RFC 8259 และ ECMA-404 แสดงอ็อบเจกต์ อาร์เรย์ สตริง ตัวเลข ค่าบูลีน และ null ด้วยไวยากรณ์ที่เรียบง่ายและอ่านง่าย เป็นรูปแบบเริ่มต้นของ API บนเว็บ ไฟล์การตั้งค่า และการแลกเปลี่ยนข้อมูลระหว่างแอปในแทบทุกภาษาโปรแกรม ไม่มีคอมเมนต์ วันที่ หรือสคีมาในตัว และไฟล์ขนาดใหญ่ที่ซ้อนกันหลายชั้นอ่านได้ยากหากไม่มีโปรแกรมดู

การบีบอัด: –
พื้นหลังโปร่งใส: –
ภาพเคลื่อนไหว: –
เปิดตัว: 2001 · Douglas Crockford

ตัวแปลงไฟล์ JSON

HTML

HyperText Markup Language

HTML คือภาษามาร์กอัปของเว็บ อธิบายครั้งแรกโดย Tim Berners-Lee ในช่วงต้นทศวรรษ 1990 และปัจจุบัน WHATWG ดูแลในฐานะมาตรฐานที่ปรับปรุงต่อเนื่อง (living standard) ไฟล์ HTML อธิบายหัวข้อ ย่อหน้า ลิงก์ ตาราง รูปภาพ และแบบฟอร์ม ส่วนการจัดรูปแบบมักมาจาก CSS เบราว์เซอร์ทุกตัวแสดงผล HTML ได้ และยังใช้กับเทมเพลตอีเมลและหน้าเว็บที่บันทึกไว้ ไฟล์ HTML ไฟล์เดียวมักอาศัยรูปภาพและสไตล์ชีตภายนอก จึงอาจแสดงผลผิดเพี้ยนเมื่อย้ายไปเพียงไฟล์เดียว

การบีบอัด: –
พื้นหลังโปร่งใส: –
ภาพเคลื่อนไหว: –
เปิดตัว: 1993 · Tim Berners-Lee; maintained by WHATWG

ตัวแปลงไฟล์ HTML

แปลง JSON เป็น HTML เมื่อข้อมูลที่โค้ดดึงมาต้องให้คนอ่านในเบราว์เซอร์ อีเมล หรือหน้า CMS ซึ่งตารางที่มีหัวคอลัมน์อ่านง่ายกว่าวงเล็บปีกกาและเครื่องหมายคำพูดดิบ ๆ

สองฟอร์แมตนี้อยู่คนละปลายของคำขอเว็บ JSON คือสิ่งที่เซิร์ฟเวอร์ส่งให้โค้ด ส่วน HTML คือสิ่งที่เบราว์เซอร์แสดงในที่สุด การแปลงด้วยมือคือการทำในไฟล์แทนสิ่งที่เทมเพลตฝั่งหน้าบ้านจะทำตอนรันไทม์ ซึ่งคุ้มเมื่อข้อมูลเป็นภาพรวม ณ เวลาหนึ่ง ไม่ใช่ฟีดที่เปลี่ยนทุกนาที

คำถามเกี่ยวกับการแปลง JSON เป็น HTML

นำตาราง HTML ไปวางใน WordPress ได้หรือไม่

ได้ ให้สลับตัวแก้ไขบล็อกเป็นบล็อก Custom HTML หรือสลับตัวแก้ไขแบบคลาสสิกไปที่แท็บ Text แล้ววางองค์ประกอบ table สไตล์ตารางของธีมจะถูกใช้โดยอัตโนมัติ เพราะผลลัพธ์มีเฉพาะมาร์กอัป ไม่มีสไตล์ชีตของตัวเอง

ตารางแสดงผลใน Outlook และ Gmail ได้หรือไม่

ตาราง HTML เป็นโครงสร้างที่เชื่อถือได้มากที่สุดในอีเมล เพราะ Outlook บนเดสก์ท็อปแสดงอีเมลด้วยเอนจินของ Word ตั้งแต่ Outlook 2007 และไม่รองรับ CSS สมัยใหม่หลายอย่าง ให้แทรกตารางผ่านตัวเลือก HTML หรือ source ของเครื่องมืออีเมล แทนการแนบไฟล์

ออบเจ็กต์ที่ซ้อนกันจะแสดงในตารางอย่างไร

ออบเจกต์ซ้อนจะถูกกระจายเป็นคอลัมน์เพิ่มโดยใช้ชื่อแบบมีจุด เช่น customer.email ส่วนรายการค่าภายในระเบียนเดียวจะอยู่ในเซลล์เดียวเป็นข้อความ JSON เพราะแถวของตารางมีจำนวนเซลล์ต่างกันตามแต่ละระเบียนไม่ได้

อักขระพิเศษในข้อมูลจะปลอดภัยใน HTML หรือไม่

อักขระที่มีความหมายใน HTML เช่น < และ & จะถูกเขียนเป็นเอนทิตี ดังนั้นค่าอย่าง <b>Sale</b> จะแสดงเป็นข้อความ ไม่ทำให้เซลล์เป็นตัวหนา และยังป้องกันมาร์กอัปแปลกปลอมในข้อมูลที่ผู้ใช้สร้างไม่ให้ทำงานบนหน้าเว็บของคุณ

ทำไมจึงควรใช้ตารางแทนแผนภูมิ

ตารางแสดงค่าที่แน่นอนและให้ผู้อ่านค้นหาทีละแถว ส่วนแผนภูมิแสดงแนวโน้ม สำหรับรายการราคา บันทึกการออกเวอร์ชัน หรือสมุดรายชื่อพนักงาน ตารางเหมาะที่สุด ส่วนข้อมูลอนุกรมเวลา ให้ใช้ตาราง HTML เป็นแหล่งข้อมูลของไลบรารีแผนภูมิ

แก้ไขข้อมูลหลังแปลงแล้วได้หรือไม่

ให้แก้ที่ต้นทาง ไม่ใช่ที่ HTML คืออัปเดต JSON หรือสเปรดชีตต้นฉบับแล้วแปลงใหม่ หรือย้ายระเบียนไปไว้ในเวิร์กบุ๊กด้วย แปลง JSON เป็น Excel หากผู้ที่ไม่ใช่นักพัฒนาจะเป็นผู้ดูแลข้อมูล