Buat Elemen HTML <table> Secara Online
Generator HTML Table membuat markup tabel berdasarkan jumlah baris dan kolom serta pengaturan header, border, lebar, dan perataan yang Anda pilih. Pratinjau, keluaran HTML, dan keluaran C# diperbarui secara bersamaan sehingga Anda dapat memeriksa hasilnya sebelum menyalinnya ke halaman web atau proyek .NET.
Opsi Generator HTML Table
Generator interaktif menyediakan kontrol berikut:
- Rows dan Cols menentukan ukuran badan tabel. Header row menambahkan elemen
<thead>terpisah. - Style, Border, dan Color menentukan gaya, ketebalan, dan warna garis luar tabel serta kisi sel.
- Width menerima nilai persen atau piksel. Align memosisikan tabel yang lebih sempit daripada kontainernya.
Pratinjau dan kedua panel kode diperbarui secara otomatis. Sel HTML menggunakan placeholder kosong, sedangkan sel dalam keluaran C# menerima label baris dan kolom.
Buat Elemen HTML <table> dalam C#
Panel HTML Code berisi markup tabel yang dibuat dari opsi saat ini. Panel C# Code di bawahnya menunjukkan alur pemrograman yang setara dengan Aspose.HTML for .NET .
Kode yang dihasilkan mengikuti langkah-langkah berikut:
- Membuat
HTMLDocumentdan elemen<table>denganDocument.CreateElement(). - Menerapkan border, lebar, dan perataan yang dipilih melalui
ICSSStyleDeclaration.SetProperty(). - Menambahkan baris header opsional, baris badan, dan sel dengan
HTMLTableSectionElement.InsertRow()serta operasi baris yang terkait. - Menambahkan tabel ke badan dokumen dan menyimpan
table.htmldenganHTMLDocument.Save().
Atur tabel terlebih dahulu, lalu salin kode C# terbaru ke proyek .NET Anda.
FAQ Generator HTML Table
1. Haruskah saya menetapkan lebar tabel dalam persen atau piksel?
Gunakan persen jika tabel harus menyesuaikan diri dengan lebar kontainer induknya. Gunakan piksel jika Anda memerlukan lebar tabel tetap yang tidak berubah mengikuti tata letak di sekitarnya.
2. Mengapa perubahan Align terkadang tidak terlihat?
Perataan kiri, tengah, dan kanan menggunakan ruang horizontal kosong di sekitar tabel. Jika lebar tabel memenuhi kontainernya, tidak ada ruang tersisa untuk memindahkannya. Kurangi Width agar perataan yang dipilih terlihat.
3. Mengapa border tabel tidak terlihat dalam pratinjau?
Border tidak terlihat jika Border bernilai 0 atau Style diatur ke none atau hidden. Pilih gaya yang terlihat seperti solid, dashed, atau dotted, lalu tetapkan ketebalan border lebih besar dari nol.
4. Seberapa besar tabel yang dapat dibuat dengan generator?
Anda dapat membuat 1 hingga 100 baris badan dan 1 hingga 100 kolom. Jika Header row diaktifkan, generator menambahkan baris header terpisah di atas jumlah baris badan yang dipilih.
5. Dapatkah saya menambahkan tabel yang dihasilkan ke dokumen HTML yang sudah ada?
Ya. Ganti konstruktor HTMLDocument tanpa parameter dengan new HTMLDocument("input.html"), tambahkan tabel ke badan dokumen atau elemen lain yang dipilih, lalu simpan dokumen yang diubah ke file baru.
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.
Generator HTML Lainnya
Buat elemen dan struktur HTML lainnya dengan generator khusus