Mengedit Tabel HTML di C#

Mengedit Tabel HTML yang Ada dengan .NET API

Aspose.HTML for .NET memuat file HTML yang ada ke dalam HTMLDocument . Temukan tabel dengan selector CSS, ubah sel dan gayanya melalui DOM, tambahkan atau hapus baris, lalu simpan dokumen lengkap tanpa membuat ulang konten lain.

Mengedit Tabel dalam File HTML di C#

Contoh berikut membuka input.html, memilih tabel pertama, mengubah sel data pertama, menambahkan baris, memperbarui CSS tabel, dan menyimpan hasil sebagai edited-table.html.

using Aspose.Html;
using System;

// Load the HTML document that contains the table
using HTMLDocument document = new HTMLDocument("input.html");

// Select the first table and verify that it exists
HTMLTableElement table = (HTMLTableElement)document.QuerySelector("table");
if (table == null)
{
    throw new InvalidOperationException("The HTML document does not contain a table.");
}

// Update the first data cell when one is available
HTMLTableCellElement firstCell = (HTMLTableCellElement)table.QuerySelector("td");
if (firstCell != null)
{
    firstCell.TextContent = "Updated value";
}

// Append a row and populate its cells
HTMLTableRowElement newRow = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);
string[] values = { "New item", "Ready" };
foreach (string value in values)
{
    HTMLTableCellElement cell = (HTMLTableCellElement)newRow.InsertCell(newRow.Cells.Length);
    cell.TextContent = value;
}

// Apply CSS without replacing the table's other attributes
table.Style.SetProperty("border", "1px solid #808080");
table.Style.SetProperty("border-collapse", "collapse");
table.Style.SetProperty("width", "100%");

// Save the complete modified document
document.Save("edited-table.html");

Langkah Mengedit Tabel HTML

1. Buka file sumber dengan konstruktor HTMLDocument .
2. Temukan tabel dengan QuerySelector() . Gunakan selector ID atau class jika dokumen memiliki beberapa tabel.
3. Pilih sel yang ada dan ubah TextContent tanpa mengganti markup tabel lainnya.
4. Tambahkan baris dengan InsertRow() dan selnya dengan InsertCell() .
5. Ubah tampilan melalui Style, lalu panggil Save() untuk menulis dokumen lengkap.

Opsi Pengeditan Tabel HTML

• Pilih tabel yang tepat. Gunakan selector seperti #orders, .price-table, atau main table jika dokumen memiliki beberapa tabel.
• Ubah konten yang ada. Edit teks sel, atribut, class, dan CSS inline tanpa membuat ulang tabel atau mengganti HTML lain.
• Ubah struktur tabel. Sisipkan atau hapus baris dan sel melalui antarmuka DOM tabel sambil mempertahankan urutan dokumen.
• Terapkan presentasi modern. Gunakan CSS untuk batas, lebar, perataan, dan jarak, bukan atribut presentasi HTML yang usang.
• Pertahankan dokumen. Menyimpan HTMLDocument yang dimuat mempertahankan konten di luar tabel. Untuk memisahkan elemen <table> beserta markup-nya, lihat Mengekstrak Tabel HTML .

Dokumentasi Pengeditan Tabel HTML

Panduan Mengedit Dokumen HTML menunjukkan cara mencari, menyisipkan, mengubah, dan menghapus node DOM. Dokumentasi HTML DOM menjelaskan navigasi dokumen dan model elemen untuk mengubah konten HTML secara terprogram.

Instal Aspose.HTML for .NET

Instal Aspose.HTML for .NET dari NuGet menggunakan .NET CLI:

dotnet add package Aspose.HTML

Anda juga dapat menggunakan antarmuka NuGet Package Manager atau menjalankan Install-Package Aspose.HTML di Package Manager Console. Lihat panduan instalasi untuk detail penyiapan, atau minta lisensi sementara untuk mengevaluasi API tanpa batasan evaluasi.

Tanya Jawab tentang Pengeditan Tabel HTML

1. Bagaimana cara mengedit tabel tertentu jika halaman berisi beberapa tabel?

Berikan ID atau class yang stabil, lalu teruskan selector seperti [id="orders"] atau .price-table ke QuerySelector(). Selector table hanya mengembalikan tabel pertama.

2. Dapatkah saya mengubah sel tanpa mengganti seluruh tabel?

Ya. Pilih elemen <td> atau <th> lalu atur TextContent untuk teks biasa. Untuk markup bertingkat, ubah node DOM anak atau gunakan InnerHTML dengan konten tepercaya.

3. Bagaimana cara menambah atau menghapus baris tabel di C#?

Panggil InsertRow() dengan indeks yang diperlukan, lalu tambahkan sel memakai InsertCell(). Gunakan DeleteRow() untuk menghapus baris setelah memvalidasi indeks terhadap Rows.Length.

4. Haruskah format tabel diubah dengan atribut HTML atau CSS?

Gunakan CSS untuk batas, lebar, perataan, jarak, warna, dan presentasi lainnya. Atribut align, border, dan cellspacing termasuk model presentasi HTML lama.

5. Apakah isi dokumen lainnya dipertahankan saat tabel disimpan?

Ya. Jika sumber dimuat ke HTMLDocument, hanya node tabel yang diubah, lalu dokumen disimpan, elemen lain tetap ada. Mengganti elemen induk atau InnerHTML juga mengganti turunannya.