Membuat Tabel HTML di C#

Membuat Tabel HTML dengan .NET API

Aspose.HTML for .NET menyediakan kelas DOM khusus tabel untuk membuat HTML terstruktur di C#. Buat HTMLDocument dan HTMLTableElement , sisipkan baris dan sel, lalu tambahkan tabel yang telah selesai ke dokumen sebelum menyimpannya.

Membuat Tabel HTML Bergaya di C#

Contoh berikut membuat tabel dengan tiga baris dan dua kolom secara terprogram, menerapkan batas CSS dan padding sel, lalu menyimpan dokumen yang telah selesai sebagai table.html.

using Aspose.Html;

using HTMLDocument document = new HTMLDocument();

// Create and style the table
HTMLTableElement table = (HTMLTableElement)document.CreateElement("table");
table.Style.SetProperty("border-collapse", "collapse");
table.Style.SetProperty("width", "100%");

// Add rows and cells through the table DOM API
for (int rowIndex = 0; rowIndex < 3; rowIndex++)
{
    HTMLTableRowElement row = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);

    for (int columnIndex = 0; columnIndex < 2; columnIndex++)
    {
        HTMLTableCellElement cell = (HTMLTableCellElement)row.InsertCell(row.Cells.Length);
        cell.TextContent = $"Row {rowIndex + 1}, Column {columnIndex + 1}";
        cell.Style.SetProperty("border", "1px solid #808080");
        cell.Style.SetProperty("padding", "8px");
    }
}

document.Body.AppendChild(table);
document.Save("table.html");

Langkah Membuat Tabel HTML di C#

1. Buat dokumen baru dengan konstruktor HTMLDocument , atau muat file HTML yang ada jika tabel akan ditambahkan ke konten tersebut.
2. Buat elemen <table> dengan CreateElement() dan konversikan menjadi HTMLTableElement.
3. Tambahkan baris dengan InsertRow() dan sel data dengan InsertCell() .
4. Atur TextContent setiap sel, terapkan gaya CSS, lalu tambahkan tabel ke body dokumen.
5. Panggil Save() untuk menulis hasil ke table.html.

Opsi Pembuatan Tabel HTML

• Buat bagian tabel semantik. Gunakan <thead>, <tbody>, dan <tfoot> secara terpisah ketika header, data, dan baris ringkasan memiliki peran berbeda.
• Tentukan posisi tabel. Tambahkan tabel ke document.Body atau pilih container tertentu sebelum menyisipkannya ke dokumen yang ada.
• Atur tampilan dengan CSS. Tentukan batas, jarak, lebar, perataan, warna, dan tata letak responsif melalui Style atau stylesheet.
• Tambahkan pengenal dan metadata. Tetapkan ID, class, atribut data-*, dan atribut DOM lain agar tabel dapat dipilih atau diproses kemudian.
• Lanjutkan ke alur terkait. Gunakan Mengedit Tabel HTML untuk konten yang ada, Mengekstrak Data Tabel HTML untuk nilai terstruktur, atau Generator HTML Table untuk membuat tabel secara interaktif.

Dokumentasi Tabel HTML dan DOM

Panduan Mengedit Dokumen HTML menjelaskan alur DOM untuk membuat, menyisipkan, mengubah, dan menghapus elemen HTML. API Reference mendokumentasikan kelas tabel, bagian, baris, dan sel serta metode DOM untuk menambahkannya ke dokumen.

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 Pembuatan Tabel HTML

1. Mengapa header tabel harus menggunakan <th>, bukan <td>?

Elemen <th> menandai sel header, sedangkan <td> mewakili data tabel biasa. Sel header memperjelas struktur dan membantu browser serta teknologi asistif menghubungkan label dengan data terkait.

2. Dapatkah saya menambahkan tabel baru ke file HTML yang ada?

Ya. Inisialisasi HTMLDocument dengan path file, buat tabel, tambahkan ke body atau container yang dipilih, lalu simpan hasil ke file HTML baru atau yang sudah ada.

3. Dapatkah baris tabel dibuat dari koleksi C#?

Ya. Iterasikan koleksi, sisipkan satu HTMLTableRowElement untuk setiap record, lalu buat sel dari nilainya. API tidak mengharuskan sumber data tertentu.

4. Haruskah saya menggunakan atribut HTML border, align, dan width?

Gunakan CSS untuk presentasi. Atur batas, lebar, margin, dan perataan melalui Style atau stylesheet agar tabel tidak bergantung pada atribut presentasi HTML yang usang.

5. Bagaimana cara membuat satu sel mencakup beberapa baris atau kolom?

Atur RowSpan atau ColSpan pada HTMLTableCellElement terkait. Nilainya menentukan jumlah baris atau kolom yang ditempati sel.