C#'ta HTML Tablosu Oluşturma

HTML tablolar, verileri web sayfalarında görüntülemenin çok yönlü ve güçlü bir yoludur. Takvim gibi basit tablolar veya veri kılavuzu gibi daha karmaşık tablolar oluşturmak için kullanılabilirler. Bu blog yazısında C#’ta nasıl HTML tablosu oluşturulacağını adım adım öğreneceğiz. Bu kılavuz size C#’ta etkili bir şekilde HTML tabloları oluşturmak için ihtiyaç duyduğunuz bilgi ve becerileri sağlayacaktır.

Bu makale aşağıdaki konuları kapsamaktadır:

  1. HTML tabloları oluşturmak için C# API’si
  2. C#’ta bir HTML tablosu oluşturun
  3. C#’ta stil niteliğine sahip bir HTML tablosu oluşturun
  4. C#’ta satır genişliği ve sütun genişliğini içeren HTML tablosu
  5. Çevrimiçi HTML tablo oluşturucu
  6. Ücretsiz öğrenme kaynakları

HTML Tablosu Oluşturmak için C# API’si

C#’ta HTML tabloları oluşturmak için Aspose.HTML for .NET‘i kullanacağız. Geliştiricilerin HTML belgelerini programlı olarak değiştirmesine ve bunlarla çalışmasına olanak tanır. .NET uygulamaları içinde HTML belgelerini ayrıştırmak, dönüştürmek, düzenlemek ve işlemek için çok çeşitli özellikler ve yetenekler sağlar.

Lütfen API’nin DLL’sini indirin veya NuGet kullanarak yükleyin.

PM> Install-Package Aspose.Html

C#’ta HTML Tablosu Oluşturma

Aşağıdaki adımları izleyerek bir HTML tablosu oluşturabiliriz:

  1. HTMLDocument sınıfının bir örneğini oluşturun.
  2. İsteğe bağlı olarak bir stil öğesi oluşturun ve onu head öğesine ekleyin.
  3. Oluştur <table>, <tbody>, <tr>, <th> ve <td> CreateElement() yöntemini kullanan öğeler.
  4. AppendChild() yöntemini kullanarak alt öğeleri üst öğelerine ekleyin.
  5. Bundan sonra yi ekleyin <table> öğesinin <body> öğesi.
  6. Son olarak, belgeyi verilen dosya yoluna kaydetmek için Save() yöntemini çağırın.

Aşağıdaki kod örneği, C#’ta bir HTML tablosunun nasıl oluşturulacağını gösterir.

// Düzenlenen dosyanın kaydedilmesi için bir yol hazırlayın 
string savePath = "C:\\Files\\Table.html";

// Boş bir HTML belgesini başlat
var document = new HTMLDocument();

// Bir stil öğesi oluşturun ve tablo öğesi için color border-style ve border-color değerlerini atayın
var style = document.CreateElement("style");
style.TextContent = "table, th, td { border: 1px solid #0000ff; }";

// Belge başlığı öğesini bulun ve stil öğesini başa ekleyin
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// Referans veren bir değişken gövde bildirin<body> eleman
var body = document.Body;

// Sütunları ve satırları belirtin
var cols = 3;
var rows = 2;
var isFirstRowHeader = false;

// Tablo öğesi oluştur
var table = document.CreateElement("table");

// Tablo gövdesi oluşturma
var tbody = document.CreateElement("tbody");
table.AppendChild(tbody);

// Tablo başlığı satırı oluşturma 
if (isFirstRowHeader)
{
    var tr = document.CreateElement("tr");
    tbody.AppendChild(tr);

    // Tablo başlığı sütunları oluşturma 
   for (int j = 1; j < cols + 1; j++)
    {
        var th = document.CreateElement("th");
        var title = document.CreateTextNode("Column-" + j);
        th.AppendChild(title);
        tr.AppendChild(th);
    }

   for (int i = 0; i < rows - 1; i++)
    {
        // Tablo satırı oluşturma 
        var dataTr = document.CreateElement("tr");
        tbody.AppendChild(dataTr);

        // Tablo başlığı hücreleri oluşturma
       for (int j = 1; j < cols + 1; j++)
        {
            var td = document.CreateElement("td");
            var title = document.CreateTextNode("Data-" + j);
            td.AppendChild(title);
            dataTr.AppendChild(td);
        }
    }
} 
else
{
   for (int i = 0; i < rows; i++)
    {
        // Tablo satırı oluşturma 
        var dataTr = document.CreateElement("tr");
        tbody.AppendChild(dataTr);

        // Tablo hücreleri oluşturma
       for (int j = 1; j < cols + 1; j++)
        {
            var td = document.CreateElement("td");
            var title = document.CreateTextNode("Data-" + j);
            td.AppendChild(title);
            dataTr.AppendChild(td);
        }
    }
}

// Tabloyu gövdeye ekle
body.AppendChild(table);

// Belgeyi bir dosyaya kaydedin
document.Save(savePath);
C#'ta HTML Tablosu Oluşturma

C#’ta HTML Tablosu Oluşturma

C#’ta Stil Özniteliğiyle HTML Tablosu Oluşturma

Daha önce bahsettiğimiz adımları takip ederek bir HTML tablosu oluşturabiliriz. Ancak yi ayarlamamız gerekiyor <style> attributes for the elements using the SetAttribute(string name, string value) method. It adds a new attribute for the element or updates the value if the attribute name is already present. We can set attributes for <table>, <tbody>, <tr>, <th>, and <td> elements.

Aşağıdaki kod örneği, C#’ta stil özniteliklerine sahip bir HTML tablosunun nasıl oluşturulacağını gösterir.

// Düzenlenen dosyanın kaydedilmesi için bir yol hazırlayın 
string savePath = "C:\\Files\\TableWithStyle.html";

// Boş bir HTML belgesini başlat
using var document = new HTMLDocument();

// Bir stil öğesi oluşturun ve tablo öğesi için color border-style ve border-color değerlerini atayın
var style = document.CreateElement("style");
style.TextContent = "table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}";

// Belge başlığı öğesini bulun ve stil öğesini başa ekleyin
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// Referans veren bir değişken gövde bildirin<body> eleman
var body = document.Body;

// Tablo öğesi oluştur
var table = document.CreateElement("table");
table.SetAttribute("style", "background-color:#00FF00;");

// Tablo gövdesi oluştur
var tbody = document.CreateElement("tbody");
table.AppendChild(tbody);

// Tablo başlığı satırı oluştur 
var tr = document.CreateElement("tr");
tbody.AppendChild(tr);

// Seçilen öğenin özellikleriyle birlikte stil niteliğini ayarla               
tr.SetAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");

// Tablo başlığı hücresi 1 oluştur
var th = document.CreateElement("th");
var title = document.CreateTextNode("Name");
th.AppendChild(title);
tr.AppendChild(th);

// Tablo başlığı hücresi 2 oluştur
th = document.CreateElement("th");
title = document.CreateTextNode("Email");
th.AppendChild(title);
tr.AppendChild(th);

// Tablo başlığı hücresi 3 oluştur
th = document.CreateElement("th");
title = document.CreateTextNode("Phone");
th.AppendChild(title);
tr.AppendChild(th);

// Tablo veri satırı oluştur 
var dataTr = document.CreateElement("tr");
tbody.AppendChild(dataTr);

// Tablo veri hücresi 1 oluştur
var td = document.CreateElement("td");
var data = document.CreateTextNode("John Doe");
td.AppendChild(data);
dataTr.AppendChild(td);

// Tablo veri hücresi 2'yi oluştur
td = document.CreateElement("td");
data = document.CreateTextNode("john.doe@example.com");
td.AppendChild(data);
dataTr.AppendChild(td);

// Tablo veri hücresi 3'ü oluşturun
td = document.CreateElement("td");
data = document.CreateTextNode("123-456-789");
td.AppendChild(data);
dataTr.AppendChild(td);

// Tabloyu gövdeye ekle
body.AppendChild(table);

// Belgeyi bir dosyaya kaydedin
document.Save(savePath);
C#'ta HTML Tablosu Oluşturma

C#’ta HTML Tablosu Oluşturma

C#’ta Rowspan ve Colspan ile HTML Tablosu Oluşturma

Benzer şekilde yi de ayarlayabiliriz <colspan> ve <rowspan> Aşağıda gösterildiği gibi SetAttribute(string name, string value) yöntemini kullanan tablo hücreleri için öznitelikler:

// Düzenlenen dosyanın kaydedilmesi için bir yol hazırlayın 
string savePath = "C:\\Files\\ColSpanRowSpan.html";

// Boş bir HTML belgesini başlat
using var document = new HTMLDocument();

// Bir stil öğesi oluşturun ve tablo öğesi için color border-style ve border-color değerlerini atayın
var style = document.CreateElement("style");
style.TextContent = "table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}";

// Belge başlığı öğesini bulun ve stil öğesini başa ekleyin
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// Referans veren bir değişken gövde bildirin<body> eleman
var body = document.Body;

// Tablo öğesi oluştur
var table = document.CreateElement("table");

// Tablo gövdesi oluştur
var tbody = document.CreateElement("tbody");
table.AppendChild(tbody);

// Tablo başlığı satırı oluştur 
var tr = document.CreateElement("tr");
tbody.AppendChild(tr);

// Tablo başlığı hücresi 1 oluştur
var th = document.CreateElement("th");
var title = document.CreateTextNode("Person Details");
th.AppendChild(title);
tr.AppendChild(th);

// Colspan'ı belirtin
th.SetAttribute("colspan", "2");

// Tablo veri satırı oluştur 
var dataTr = document.CreateElement("tr");
tbody.AppendChild(dataTr);

// Tablo başlığı hücresi 1 oluştur
th = document.CreateElement("th");
title = document.CreateTextNode("Name");
th.AppendChild(title);
dataTr.AppendChild(th);

// Tablo veri hücresi 2'yi oluştur
var td = document.CreateElement("td");
var data = document.CreateTextNode("John Doe");
td.AppendChild(data);
dataTr.AppendChild(td);

// Tablo veri satırı oluştur 
dataTr = document.CreateElement("tr");
tbody.AppendChild(dataTr);

// Tablo başlığı hücresi oluştur
th = document.CreateElement("th");
title = document.CreateTextNode("Phone");
th.AppendChild(title);
dataTr.AppendChild(th);

// Colspan'ı belirtin
th.SetAttribute("rowspan", "2");

// Tablo veri hücresi oluştur
td = document.CreateElement("td");
data = document.CreateTextNode("123-456-780");
td.AppendChild(data);
dataTr.AppendChild(td);

// Tablo veri satırı oluştur 
dataTr = document.CreateElement("tr");
tbody.AppendChild(dataTr);

// Tablo veri hücresi oluştur
td = document.CreateElement("td");
data = document.CreateTextNode("123-456-789");
td.AppendChild(data);
dataTr.AppendChild(td);

// Tabloyu gövdeye ekle
body.AppendChild(table);

// Belgeyi bir dosyaya kaydedin
document.Save(savePath);
C#'ta Rowspan ve Colspan ile HTML Tablosu Oluşturma

C#’ta Rowspan ve Colspan ile HTML Tablosu Oluşturma

Ücretsiz Lisans Alın

Aspose.HTML for .NET’i değerlendirme sınırlaması olmadan denemek için ücretsiz bir geçici lisans alabilirsiniz.

Çevrimiçi HTML Tablo Oluşturucu

Bu API kullanılarak geliştirilen bu ücretsiz çevrimiçi HTML tablo oluşturucu web uygulamasını kullanabilirsiniz.

HTML Tablosu Oluşturun – Öğrenme Kaynakları

Aşağıdaki kaynakları kullanarak tablolarla HTML belgeleri oluşturma hakkında daha fazla bilgi edinebilir ve kitaplığın diğer çeşitli özelliklerini keşfedebilirsiniz:

Çözüm

Bu blog yazısında C#’ta HTML tablolarının nasıl oluşturulacağını öğrendik. Aspose.HTML for .NET’i kullanarak programlı olarak tablo oluşturmanın temellerini ele aldık. Bu makalede verilen adımları ve kod örneklerini takip ederek HTML tablolarıyla çalışmaya yönelik kendi özelleştirilmiş çözümlerinizi kolaylıkla geliştirebilirsiniz. Herhangi bir belirsizlik durumunda lütfen ücretsiz destek forumu bizimle iletişime geçmekten çekinmeyin.

Ayrıca bakınız