DevToolPal
ไทย

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

แปลงข้อมูล CSV เป็นตาราง HTML ที่สะอาดพร้อมแถวหัวตาราง พร้อมวางลงหน้าเว็บหรืออีเมล

ทำงานในเครื่อง ไม่มีการอัปโหลด

ตัวเลือก

อินพุต

0 ตัวอักษร · 0 B

เอาต์พุต

0 ตัวอักษร · 0 B

ทำอะไรได้

เครื่องมือนี้แปลงข้อมูล CSV เป็นตาราง HTML แถวแรกจะเป็นหัวตาราง (เซลล์ <th> ภายใน <thead>) และแถวอื่นทั้งหมดเป็น <tr> ใน <tbody> มาร์กอัปมีการย่อหน้าและไม่มี inline style จึงอ่าน แก้ไข และตกแต่งได้ง่าย

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

วิธีใช้งาน

  1. วาง CSV ลงในช่อง อินพุต อัปโหลดไฟล์ .csv หรือคลิก ตัวอย่าง
  2. HTML จะแสดงทางขวาขณะที่คุณพิมพ์
  3. เลือก ตัวคั่น หากการตรวจหาอัตโนมัติเลือกผิด และปิด แถวแรกเป็นหัวตาราง หากข้อมูลไม่มีหัวตาราง
  4. คัดลอก HTML หรือดาวน์โหลดเป็นไฟล์ .html

ตัวอย่าง

name,city
Alice,Shanghai

จะกลายเป็น

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

หมายเหตุ

แถวที่มีเซลล์น้อยกว่าแถวที่กว้างที่สุดจะถูกเติมด้วยเซลล์ว่าง ทุกแถวจึงมีจำนวนคอลัมน์เท่ากัน

คำถามที่พบบ่อย

› ตกแต่งตารางที่สร้างได้หรือไม่?

ได้ ผลลัพธ์เป็นมาร์กอัป <table>, <thead>, <tbody>, <tr>, <th> และ <td> ธรรมดาที่ไม่มี inline style จึงรับ CSS ของเว็บคุณได้ทันที เพิ่มคลาสให้แท็ก <table> เพื่อกำหนดสไตล์เฉพาะ

› ถ้า CSV ไม่มีแถวหัวตารางล่ะ?

ปิด "แถวแรกเป็นหัวตาราง" ทุกแถวจะถูกเขียนเป็นแถวข้อมูล และจะไม่สร้าง <thead>

› อักขระพิเศษปลอดภัยหรือไม่?

ปลอดภัย <, >, & และเครื่องหมายคำพูดจะถูก escape เนื้อหาในเซลล์จึงแสดงเป็นข้อความและแทรก HTML ไม่ได้ การขึ้นบรรทัดใหม่ภายในเซลล์จะกลายเป็น <br>

› มีขีดจำกัดขนาดหรือไม่?

อินพุตไม่เกิน 1 MB จะแปลงขณะที่คุณพิมพ์ ไฟล์ที่ใหญ่กว่านั้นจะเปลี่ยนเป็นโหมดแมนนวล ให้กด รัน