สร้างตาราง HTML (HTML table) – C#

วิธีสร้างตาราง HTML โดยใช้ C#

ตารางมีบทบาทสำคัญในการสื่อสารข้อมูลอย่างมีประสิทธิภาพ ดังนั้นการเพิ่มตารางลงในเอกสาร HTML จึงเป็นสิ่งสำคัญและเป็นข้อกำหนดทั่วไปในการพัฒนาเว็บ Aspose.HTML สำหรับ .NET มอบโซลูชันที่มีประสิทธิภาพสำหรับนักพัฒนาในการจัดการตารางภายในเอกสาร HTML คุณสามารถสร้างตาราง HTML แก้ไขตาราง เพิ่ม ลบ หรือแยกออกจากเอกสาร HTML เรามาสำรวจวิธีการทำงานกับตาราง HTML โดยใช้ Aspose.HTML สำหรับ .NET กันดีกว่า:

ขั้นแรก ตรวจสอบให้แน่ใจว่าคุณได้ Aspose.HTML สำหรับ .NET ติดตั้ง ในโปรเจ็กต์ของคุณ กระบวนการติดตั้งไลบรารีนี้ค่อนข้างง่าย เปิดตัวจัดการแพ็คเกจ NuGet ค้นหา Aspose.HTML และติดตั้ง คุณยังอาจใช้คำสั่งต่อไปนี้จาก Package Manager Console:

Install-Package Aspose.HTML

HTML <table> องค์ประกอบ

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

คุณสามารถเพิ่มตารางลงในเอกสาร HTML และหน้าเว็บโดยใช้องค์ประกอบ HTML <table> ตาราง HTML ประกอบด้วยองค์ประกอบ <table> หนึ่งองค์ประกอบและองค์ประกอบ <tr>, <th> และ <td> อย่างน้อยหนึ่งองค์ประกอบที่กำหนดแถวของตาราง ส่วนหัวของตาราง และเซลล์ของตาราง องค์ประกอบ <table> สามารถรวมแอตทริบิวต์ส่วนกลาง เช่น style, align, border, width ฯลฯ:

<table style="border: 2px #5e5e5e solid" align="center" border="2" width="50%">
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

เพิ่มตารางลงในเอกสาร HTML โดยใช้ C#

หากคุณต้องการสร้างและเพิ่มตารางลงใน HTML โดยทางโปรแกรม โปรดดูตัวอย่างโค้ด C# ด้านล่าง โค้ดนี้จะสร้างตาราง HTML ที่มี 3 แถวและ 4 คอลัมน์ เติมแต่ละเซลล์ด้วยเนื้อหาที่ระบุตำแหน่ง และเพิ่มตารางลงในไฟล์ HTML:

using Aspose.Html;
using System.IO;
...

    // Create an instance of an HTML document
    using (var document = new HTMLDocument("input.html"))
    {
        var body = document.Body;

        // Create a table element
        var table = (HTMLTableElement)document.CreateElement("table");
        table.Border = "2";
        table.Align = "center";
        table.Style.Border = "2px #ff0000 dotted";
        table.SetAttribute("width", "50%");

        // Add html rows & columns
        for (int i = 0; i < 3; i++)
        {
            var row = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);
            for (int j = 0; j < 4; j++)
            {
                var cell = (HTMLTableCellElement)row.InsertCell(row.Cells.Length);
                cell.TextContent = $"Row: {i + 1}, Column {j + 1}";
            }
        }

        // Attach the table to the document body
        body.AppendChild(table);

        // Save the HTML document to a file
        document.Save("create-html-table.html");
    }

ขั้นตอนในการสร้างตาราง HTML

ในตัวอย่างนี้ องค์ประกอบตาราง HTML ใหม่จะถูกสร้างขึ้น มีการตั้งค่าแอตทริบิวต์ และตารางจะถูกผนวกเข้ากับเอกสาร HTML ผลลัพธ์คือเอกสาร HTML ที่แก้ไขพร้อมตารางที่เพิ่ม:

1. โหลดเอกสาร HTML โดยใช้หนึ่งในตัวสร้าง HTMLDocument()
2. สร้างองค์ประกอบตารางใหม่โดยใช้เมธอด CreateElement()
3. ตั้งค่าแอตทริบิวต์สำหรับตาราง เช่น border, align, width และ style
4. ใช้เมธอด InsertRow() และ InsertCell() เพื่อเพิ่มแถวและเซลล์ลงในตาราง HTML
5. ใช้คุณสมบัติ TextContent ของคลาส Element เพื่อแสดงเนื้อหาข้อความของเซลล์ ค่าใดก็ตามที่กำหนดให้กับคุณสมบัตินี้จะแสดงเป็นเนื้อหาของเซลล์ในตาราง HTML
6. ผนวกองค์ประกอบตารางใหม่เข้ากับเอกสาร HTML ใช้เมธอด AppendChild() ของคลาส Node เพื่อเพิ่มตารางที่ส่วนท้ายของรายการลูกของเนื้อหาเอกสาร
7. เรียกใช้เมธอด Save() เพื่อบันทึกเอกสาร HTML ที่แก้ไขแล้วพร้อมกับตารางที่เพิ่ม

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Aspose.HTML API โปรดไปที่คำแนะนำ เอกสารประกอบ ของเรา บทความเอกสารประกอบ Edit HTML Document ให้ข้อมูลพื้นฐานเกี่ยวกับวิธีอ่านหรือแก้ไข Document Object Model โดยใช้ Aspose.HTML สำหรับ .NET API คุณจะได้สำรวจวิธีการสร้างองค์ประกอบ HTML และวิธีการทำงานกับองค์ประกอบเหล่านั้น – แก้ไขเอกสารโดยการแทรกโหนดใหม่ การลบ หรือแก้ไขเนื้อหาของโหนดที่มีอยู่

เครื่องมือสร้างตาราง HTML – แอปออนไลน์

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