Buat Tabel HTML – C#

Cara membuat tabel HTML menggunakan C#

Tabel memainkan peran penting dalam mengkomunikasikan informasi secara efektif. Oleh karena itu, menambahkan tabel ke dokumen HTML merupakan aspek penting dan persyaratan umum dalam pengembangan web. Aspose.HTML for .NET memberikan solusi tangguh bagi pengembang untuk mengelola tabel dalam dokumen HTML. Anda dapat membuat tabel HTML, mengedit tabel, menambah, menghapus, atau mengekstraknya dari dokumen HTML. Mari jelajahi cara bekerja dengan tabel HTML menggunakan Aspose.HTML for .NET:

Pertama, pastikan Anda telah Aspose.HTML for .NET terinstal di proyek Anda. Proses instalasi perpustakaan ini cukup sederhana. Buka manajer paket NuGet, cari Aspose.HTML, dan instal. Anda juga dapat menggunakan perintah berikut dari Package Manager Console:

Install-Package Aspose.HTML

Elemen HTML <table>

Tabel HTML digunakan untuk mengatur dan menampilkan data dalam format terstruktur, sehingga memudahkan pengguna untuk memahami dan membandingkan informasi. Jika digunakan dengan benar, tabel HTML dapat meningkatkan keterbacaan dan aksesibilitas konten pada halaman web.

Anda dapat menambahkan tabel ke dokumen HTML dan halaman web menggunakan elemen <table> HTML. Tabel HTML terdiri dari satu elemen <table> dan satu atau lebih elemen <tr>, <th>, dan <td> yang menentukan baris tabel, header tabel, dan sel tabel. Elemen <table> dapat menyertakan atribut global seperti style, align, border, width, dll:

<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>

Tambahkan Tabel ke Dokumen HTML menggunakan C#

Jika Anda ingin membuat dan menambahkan tabel ke HTML secara terprogram, lihat contoh kode C# di bawah. Kode ini menghasilkan tabel HTML dengan 3 baris dan 4 kolom, mengisi setiap sel dengan konten yang menunjukkan posisinya, dan menambahkan tabel ke file 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");
    }

Langkah-langkah Membuat Tabel HTML

Dalam contoh ini, elemen tabel HTML baru dibuat, atribut ditetapkan, dan tabel ditambahkan ke dokumen HTML. Hasilnya adalah dokumen HTML yang dimodifikasi dengan tabel tambahan:

1. Muat dokumen HTML menggunakan salah satu konstruktor HTMLDocument() .
2. Buat elemen tabel baru menggunakan metode CreateElement() .
3. Tetapkan atribut untuk tabel, seperti border, align, width, dan style.
4. Gunakan metode InsertRow() dan InsertCell() untuk menambahkan baris dan sel ke tabel HTML.
5. Gunakan properti TextContent dari kelas Element untuk mewakili konten teks sel. Nilai apa pun yang diberikan pada properti ini akan ditampilkan sebagai konten sel dalam tabel HTML.
6. Tambahkan elemen tabel baru ke dokumen HTML. Gunakan metode AppendChild() kelas Node untuk menambahkan tabel ke akhir daftar anak badan dokumen.
7. Panggil metode Save() untuk menyimpan dokumen HTML yang dimodifikasi dengan tabel yang ditambahkan.

Untuk mempelajari lebih lanjut tentang Aspose.HTML API, silakan kunjungi panduan dokumentasi kami. Artikel dokumentasi Edit HTML Document memberi Anda informasi dasar tentang cara membaca atau mengedit Model Objek Dokumen menggunakan Aspose.HTML for .NET API. Anda akan mempelajari cara membuat elemen HTML dan cara menggunakannya – memodifikasi dokumen dengan menyisipkan node baru, menghapus, atau mengedit konten node yang ada.

Pembuat Tabel HTML – Aplikasi Online

Aspose.HTML menawarkan Pembuat Tabel HTML adalah aplikasi online untuk membuat tabel dengan opsi yang dapat disesuaikan. Gratis dan jelas untuk digunakan. Cukup isi semua opsi yang diperlukan dan dapatkan hasilnya! HTML Table Generator secara otomatis membuat kode tabel HTML. Alat ini dirancang untuk memungkinkan Anda mendapatkan tabel HTML yang diperlukan dan menampilkannya online secepat mungkin.