צור טבלת HTML ב-C#

HTML טבלאות הן דרך רב-תכליתית ועוצמתית להצגת נתונים בדפי אינטרנט. ניתן להשתמש בהם ליצירת טבלאות פשוטות, כגון לוח שנה, או טבלאות מורכבות יותר, כגון רשת נתונים. בפוסט זה בבלוג נלמד כיצד ליצור טבלת HTML ב-C#, צעד אחר צעד. מדריך זה יספק לך את הידע והמיומנויות הדרושים לך כדי ליצור ביעילות טבלאות HTML ב-C#.

מאמר זה עוסק בנושאים הבאים:

C# API ליצירת טבלאות HTML
צור טבלת HTML ב-C#
צור טבלת HTML עם תכונת סגנון ב-C#
טבלת HTML עם rowspan ו-colspan ב-C#
מחולל טבלאות HTML מקוון
משאבי למידה בחינם

C# API ליצירת טבלת HTML

נשתמש ב-Aspose.HTML for .NET ליצירת טבלאות HTML ב-C#. זה מאפשר למפתחים לבצע מניפולציות ולעבוד עם מסמכי HTML באופן פרוגרמטי. הוא מספק מגוון רחב של תכונות ויכולות לניתוח, המרה, עריכה ועיבוד מסמכי HTML בתוך יישומי NET.

אנא הורד את ה-DLL של ה-API או התקן אותו באמצעות NuGet.

PM> Install-Package Aspose.Html

צור טבלת HTML ב-C#

אנו יכולים ליצור טבלת HTML על ידי ביצוע השלבים הבאים:

צור מופע של המחלקה HTMLDocument.
לחלופין, צור אלמנט בסגנון וצרף אותו לאלמנט ה-head.
צור <table>, <tbody>, <tr>, <th>, ו<td> אלמנטים בשיטת CreateElement().
הוסף רכיבי צאצא לרכיבי האב שלהם באמצעות שיטת AppendChild() .
לאחר מכן, הוסף את ה-<table> אלמנט ל <body> אלמנט.
לבסוף, קרא לשיטה Save() כדי לשמור את המסמך בנתיב הקובץ הנתון.

דוגמת הקוד הבאה מראה כיצד ליצור טבלת HTML ב-C#.

// הכן נתיב לשמירת קבצים ערוכים 
string savePath = "C:\\Files\\Table.html";

// אתחול מסמך HTML ריק
var document = new HTMLDocument();

// צור אלמנט סגנון והקצה את ערכי סגנון גבול הצבע וצבע הגבול עבור רכיב הטבלה
var style = document.CreateElement("style");
style.TextContent = "table, th, td { border: 1px solid #0000ff; }";

// מצא את רכיב ראש המסמך והוסף את אלמנט הסגנון לראש
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// הכריז על גוף משתנה המפנה ל<body style=";text-align:right;direction:rtl"> אֵלֵמֶנט
var body = document.Body;

// ציין צבעים ושורות
var cols = 3;
var rows = 2;
var isFirstRowHeader = false;

// צור אלמנט טבלה
var table = document.CreateElement("table");

// צור גוף טבלה
var tbody = document.CreateElement("tbody");
table.AppendChild(tbody);

// צור שורת כותרת של טבלה 
if (isFirstRowHeader)
{
    var tr = document.CreateElement("tr");
    tbody.AppendChild(tr);

    // צור עמודות כותרות בטבלה 
   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++)
    {
        // צור שורת טבלה 
        var dataTr = document.CreateElement("tr");
        tbody.AppendChild(dataTr);

        // צור תאי כותרת טבלה
       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++)
    {
        // צור שורת טבלה 
        var dataTr = document.CreateElement("tr");
        tbody.AppendChild(dataTr);

        // צור תאי טבלה
       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);
        }
    }
}

// צרף טבלה לגוף
body.AppendChild(table);

// שמור את המסמך בקובץ
document.Save(savePath);

צור טבלת HTML עם תכונת סגנון ב-C#

אנו יכולים ליצור טבלת HTML על ידי ביצוע השלבים שהוזכרו קודם לכן. עם זאת, עלינו להגדיר את <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.

דוגמת הקוד הבאה מראה כיצד ליצור טבלת HTML עם תכונות סגנון ב-C#.

// הכן נתיב לשמירת קבצים ערוכים 
string savePath = "C:\\Files\\TableWithStyle.html";

// אתחול מסמך HTML ריק
using var document = new HTMLDocument();

// צור אלמנט סגנון והקצה את ערכי סגנון גבול הצבע וצבע הגבול עבור רכיב הטבלה
var style = document.CreateElement("style");
style.TextContent = "table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}";

// מצא את רכיב ראש המסמך והוסף את אלמנט הסגנון לראש
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// הכריז על גוף משתנה המפנה ל<body style=";text-align:right;direction:rtl"> אֵלֵמֶנט
var body = document.Body;

// צור אלמנט טבלה
var table = document.CreateElement("table");
table.SetAttribute("style", "background-color:#00FF00;");

// צור גוף טבלה
var tbody = document.CreateElement("tbody");
table.AppendChild(tbody);

// צור שורת כותרת טבלה 
var tr = document.CreateElement("tr");
tbody.AppendChild(tr);

// הגדר מאפיין סגנון עם מאפיינים עבור האלמנט שנבחר               
tr.SetAttribute("style", "border: 2px Black solid; background-color:Red; color:#FFFFFF");

// צור תא 1 של כותרת טבלה
var th = document.CreateElement("th");
var title = document.CreateTextNode("Name");
th.AppendChild(title);
tr.AppendChild(th);

// צור תא 2 של כותרת טבלה
th = document.CreateElement("th");
title = document.CreateTextNode("Email");
th.AppendChild(title);
tr.AppendChild(th);

// צור תא 3 של כותרת טבלה
th = document.CreateElement("th");
title = document.CreateTextNode("Phone");
th.AppendChild(title);
tr.AppendChild(th);

// צור שורת נתוני טבלה 
var dataTr = document.CreateElement("tr");
tbody.AppendChild(dataTr);

// צור תא נתוני טבלה 1
var td = document.CreateElement("td");
var data = document.CreateTextNode("John Doe");
td.AppendChild(data);
dataTr.AppendChild(td);

// צור תא נתוני טבלה 2
td = document.CreateElement("td");
data = document.CreateTextNode("john.doe@example.com");
td.AppendChild(data);
dataTr.AppendChild(td);

// צור תא נתוני טבלה 3
td = document.CreateElement("td");
data = document.CreateTextNode("123-456-789");
td.AppendChild(data);
dataTr.AppendChild(td);

// צרף טבלה לגוף
body.AppendChild(table);

// שמור את המסמך בקובץ
document.Save(savePath);

צור טבלת HTML עם Rowspan ו- Colspan ב-C#

באופן דומה, אנו יכולים גם להגדיר <colspan> ו<rowspan> תכונות לתאי טבלה בשיטת SetAttribute(שם מחרוזת, ערך מחרוזת), כפי שמוצג להלן:

// הכן נתיב לשמירת קבצים ערוכים 
string savePath = "C:\\Files\\ColSpanRowSpan.html";

// אתחול מסמך HTML ריק
using var document = new HTMLDocument();

// צור אלמנט סגנון והקצה את ערכי סגנון גבול הצבע וצבע הגבול עבור רכיב הטבלה
var style = document.CreateElement("style");
style.TextContent = "table, th, td { border: 1px solid #0000ff; border-collapse: collapse;}";

// מצא את רכיב ראש המסמך והוסף את אלמנט הסגנון לראש
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// הכריז על גוף משתנה המפנה ל<body style=";text-align:right;direction:rtl"> אֵלֵמֶנט
var body = document.Body;

// צור אלמנט טבלה
var table = document.CreateElement("table");

// צור גוף טבלה
var tbody = document.CreateElement("tbody");
table.AppendChild(tbody);

// צור שורת כותרת טבלה 
var tr = document.CreateElement("tr");
tbody.AppendChild(tr);

// צור תא 1 של כותרת טבלה
var th = document.CreateElement("th");
var title = document.CreateTextNode("Person Details");
th.AppendChild(title);
tr.AppendChild(th);

// ציין Colspan
th.SetAttribute("colspan", "2");

// צור שורת נתוני טבלה 
var dataTr = document.CreateElement("tr");
tbody.AppendChild(dataTr);

// צור תא 1 של כותרת טבלה
th = document.CreateElement("th");
title = document.CreateTextNode("Name");
th.AppendChild(title);
dataTr.AppendChild(th);

// צור תא נתוני טבלה 2
var td = document.CreateElement("td");
var data = document.CreateTextNode("John Doe");
td.AppendChild(data);
dataTr.AppendChild(td);

// צור שורת נתוני טבלה 
dataTr = document.CreateElement("tr");
tbody.AppendChild(dataTr);

// צור תא כותרת טבלה
th = document.CreateElement("th");
title = document.CreateTextNode("Phone");
th.AppendChild(title);
dataTr.AppendChild(th);

// ציין Colspan
th.SetAttribute("rowspan", "2");

// צור תא נתוני טבלה
td = document.CreateElement("td");
data = document.CreateTextNode("123-456-780");
td.AppendChild(data);
dataTr.AppendChild(td);

// צור שורת נתוני טבלה 
dataTr = document.CreateElement("tr");
tbody.AppendChild(dataTr);

// צור תא נתוני טבלה
td = document.CreateElement("td");
data = document.CreateTextNode("123-456-789");
td.AppendChild(data);
dataTr.AppendChild(td);

// צרף טבלה לגוף
body.AppendChild(table);

// שמור את המסמך בקובץ
document.Save(savePath);

צור טבלת HTML עם Rowspan ו- Colspan ב-C#

קבל רישיון חינם

אתה יכול לקבל רישיון זמני בחינם לנסות את Aspose.HTML עבור .NET ללא מגבלות הערכה.

מחולל טבלאות HTML מקוון

אתה יכול להשתמש באפליקציית האינטרנט מחולל טבלאות HTML המקוונת בחינם, שפותחה באמצעות ממשק API זה.

יצירת טבלת HTML - משאבי למידה

תוכל ללמוד עוד על יצירת מסמכי HTML עם טבלאות ולחקור תכונות שונות אחרות של הספרייה באמצעות המשאבים הבאים:

סיכום

בפוסט זה בבלוג, למדנו כיצד ליצור טבלאות HTML ב-C#. כיסינו את היסודות של יצירת טבלאות באופן פרוגרמטי באמצעות Aspose.HTML עבור .NET. על ידי ביצוע השלבים ודוגמאות הקוד המפורטות במאמר זה, תוכל לפתח בקלות פתרונות מותאמים אישית משלך לעבודה עם טבלאות HTML. בכל מקרה של אי בהירות, אנא אל תהסס לפנות אלינו בפורום התמיכה החינמי שלנו.

C# API ליצירת טבלת HTML#

צור טבלת HTML ב-C##

צור טבלת HTML עם תכונת סגנון ב-C##

צור טבלת HTML עם Rowspan ו- Colspan ב-C##

קבל רישיון חינם#

מחולל טבלאות HTML מקוון#

יצירת טבלת HTML - משאבי למידה#

סיכום#

ראה גם#

C# API ליצירת טבלת HTML

צור טבלת HTML ב-C#

צור טבלת HTML עם תכונת סגנון ב-C#

צור טבלת HTML עם Rowspan ו- Colspan ב-C#

קבל רישיון חינם

מחולל טבלאות HTML מקוון

יצירת טבלת HTML - משאבי למידה

סיכום

ראה גם