เครื่องมือสร้าง HTML Table

สร้างองค์ประกอบ HTML <table> ออนไลน์

เครื่องมือสร้าง HTML Table สร้างมาร์กอัปตารางจากจำนวนแถว คอลัมน์ ส่วนหัว เส้นขอบ ความกว้าง และการจัดแนวที่เลือก ตัวอย่างแสดงผล โค้ด HTML และโค้ด C# จะอัปเดตพร้อมกัน คุณจึงตรวจสอบผลลัพธ์ก่อนคัดลอกไปยังหน้าเว็บหรือโครงการ .NET ได้

สร้างองค์ประกอบ HTML <table> ด้วย C#

แผง HTML Code ด้านบนแสดงมาร์กอัปตารางจากตัวเลือกปัจจุบัน ส่วนแผง C# Code ด้านล่างแสดงขั้นตอนที่เทียบเท่ากันด้วย Aspose.HTML for .NET

โค้ดที่สร้างขึ้นทำงานตามขั้นตอนต่อไปนี้

1. สร้าง HTMLDocument และองค์ประกอบ <table> ด้วย Document.CreateElement()
2. ใช้การตั้งค่าเส้นขอบ ความกว้าง และการจัดแนวผ่าน ICSSStyleDeclaration.SetProperty()
3. เพิ่มแถวส่วนหัว แถวเนื้อหา และเซลล์ด้วย HTMLTableSectionElement.InsertRow() และการทำงานของแถวที่เกี่ยวข้อง
4. เพิ่มตารางลงใน body และบันทึก table.html ด้วย HTMLDocument.Save()

ตั้งค่าตารางก่อน แล้วคัดลอกโค้ดที่อัปเดตไปยังโครงการ .NET

คำถามที่พบบ่อยเกี่ยวกับเครื่องมือสร้าง HTML Table

1. ควรกำหนดความกว้างตารางเป็นเปอร์เซ็นต์หรือพิกเซล

ใช้เปอร์เซ็นต์เมื่อตารางควรปรับตามความกว้างของคอนเทนเนอร์แม่ ใช้พิกเซลเมื่อต้องการความกว้างคงที่ซึ่งไม่เปลี่ยนตามเค้าโครงโดยรอบ

2. เหตุใดการเปลี่ยนการจัดแนวตารางจึงไม่เห็นผลในบางครั้ง

การจัดชิดซ้าย กึ่งกลาง และชิดขวาต้องใช้พื้นที่แนวนอนว่างรอบตาราง หากตารางกว้างเต็มคอนเทนเนอร์จะไม่มีพื้นที่ให้เลื่อน ลดความกว้างเพื่อให้เห็นการจัดแนวที่เลือก

3. เหตุใดเส้นขอบตารางจึงไม่ปรากฏในตัวอย่าง

เส้นขอบจะไม่แสดงเมื่อความกว้างเป็น 0 หรือรูปแบบเป็น none หรือ hidden เลือกรูปแบบที่มองเห็นได้ เช่น solid, dashed หรือ dotted และตั้งค่าความกว้างมากกว่าศูนย์

4. เครื่องมือสร้างตารางได้สูงสุดกี่แถวและกี่คอลัมน์

คุณสร้างแถวเนื้อหาได้ตั้งแต่ 1 ถึง 100 แถว และคอลัมน์ได้ตั้งแต่ 1 ถึง 100 คอลัมน์ เมื่อเปิด Header row เครื่องมือจะเพิ่มแถวส่วนหัวแยกเหนือแถวเนื้อหาที่เลือก

5. เพิ่มตารางที่สร้างขึ้นในเอกสาร HTML ที่มีอยู่ได้หรือไม่

ได้ เปลี่ยน constructor ของ HTMLDocument ที่ไม่มีพารามิเตอร์เป็น new HTMLDocument("input.html") แล้วเพิ่มตารางลงใน body หรือองค์ประกอบที่เลือก จากนั้นบันทึกเอกสารที่แก้ไขเป็นไฟล์ใหม่

ติดตั้ง Aspose.HTML for .NET

ติดตั้ง Aspose.HTML for .NET จาก NuGet ด้วย .NET CLI:

dotnet add package Aspose.HTML

คุณยังสามารถใช้หน้าต่าง NuGet Package Manager หรือเรียกใช้ Install-Package Aspose.HTML ใน Package Manager Console ได้ ดูรายละเอียดการตั้งค่าใน คู่มือการติดตั้ง หรือขอ ใบอนุญาตชั่วคราว เพื่อประเมิน API โดยไม่มีข้อจำกัดของเวอร์ชันทดลอง