ทำอะไรได้
เครื่องมือนี้แปลงข้อมูล CSV เป็นตาราง HTML แถวแรกจะเป็นหัวตาราง (เซลล์ <th> ภายใน <thead>) และแถวอื่นทั้งหมดเป็น <tr> ใน <tbody> มาร์กอัปมีการย่อหน้าและไม่มี inline style จึงอ่าน แก้ไข และตกแต่งได้ง่าย
ใช้สำหรับเผยแพร่สเปรดชีตบนเว็บไซต์ ใส่ตารางในบล็อกโพสต์หรือจดหมายข่าว หรือบันทึกข้อมูลในหน้า HTML
วิธีใช้งาน
- วาง CSV ลงในช่อง อินพุต อัปโหลดไฟล์
.csvหรือคลิก ตัวอย่าง - HTML จะแสดงทางขวาขณะที่คุณพิมพ์
- เลือก ตัวคั่น หากการตรวจหาอัตโนมัติเลือกผิด และปิด แถวแรกเป็นหัวตาราง หากข้อมูลไม่มีหัวตาราง
- คัดลอก 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 จะแปลงขณะที่คุณพิมพ์ ไฟล์ที่ใหญ่กว่านั้นจะเปลี่ยนเป็นโหมดแมนนวล ให้กด รัน