แก้ไขตาราง HTML (HTML table) – C#

วิธีแก้ไข table HTML โดยใช้ Aspose.HTML

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

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

Install-Package Aspose.HTML

แก้ไขโครงสร้างตารางและสไตล์ใน C#

Aspose.HTML for .NET มี API ทั่วไปสำหรับจัดการเอกสาร HTML ตัวอย่าง C# ต่อไปนี้แสดงวิธีค้นหาตารางในเอกสาร HTML และแก้ไขโดยการเพิ่มแถวและเซลล์ และการเปลี่ยนสไตล์ตาราง:

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

    // Create an instance of an HTML document
    using (var document = new HTMLDocument("document-with-tables.html"))
    {
        // Find the first <table> element
        var table = (HTMLTableElement)document.GetElementsByTagName("table").First();

        // 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 = $"Added Row: {i + 1}, Column {j + 1}";
            }
        }

        // Set the style attribute and assign the border-style, border-color, and width values for the first <table> element
        table.SetAttribute("style", "border-style:solid; border-color:rgb(255, 0, 0); width: 40%");
        
        // Save the modified document
        document.Save("document-with-edited-tables.html");
    }

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

ในตัวอย่าง เราเพิ่มแถวและคอลัมน์และใช้สไตล์ที่กำหนดเองกับตาราง HTML แรกในเอกสาร หากต้องการแก้ไขตาราง HTML ให้ทำตามขั้นตอนเหล่านี้:

1. ใช้ตัวสร้าง HTMLDocument() เพื่อเริ่มต้นเอกสาร HTML ส่งผ่านเส้นทางของไฟล์ HTML ต้นฉบับเป็นพารามิเตอร์ไปยังตัวสร้าง
2. ใช้เมธอด GetElementsByTagName() เพื่อค้นหาองค์ประกอบ <table> แรกภายในเอกสาร HTML
3. ใช้เมธอด InsertRow() และ InsertCell() เพื่อเพิ่มแถวและเซลล์ลงในตาราง HTML แรกในเอกสาร
4. ใช้เมธอด SetAttribute() ของคลาส Element เพื่อตั้งค่าแอตทริบิวต์ style สำหรับตาราง แอตทริบิวต์ style มีคุณสมบัติ CSS เช่น border-style, border-color, และ width
5. เรียกใช้เมธอด Save() เพื่อบันทึกเอกสาร HTML ที่แก้ไข

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

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

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