Створити таблицю HTML – C#

Як створити таблицю HTML за допомогою C#

Таблиці відіграють важливу роль в ефективній передачі інформації. Тому додавання таблиць до HTML-документів є важливим аспектом і загальною вимогою веб-розробки. Aspose.HTML для .NET надає розробникам надійне рішення для керування таблицями в документах HTML. Ви можете створювати таблицю HTML, редагувати її, додавати, видаляти або витягувати її з документів HTML. Давайте дізнаємося, як працювати з таблицями HTML за допомогою Aspose.HTML для .NET:

По-перше, переконайтеся, що у вашому проекті встановлено Aspose.HTML для .NET . Процес додавання цієї бібліотеки досить простий. Відкрийте менеджер пакетів NuGet, знайдіть Aspose.HTML і встановіть. Ви також можете використати таку команду з консолі диспетчера пакетів:

Install-Package Aspose.HTML

Елемент HTML <table>

Таблиці HTML використовуються для організації та відображення даних у структурованому форматі, що полегшує користувачам розуміння та порівняння інформації. При правильному використанні таблиці HTML можуть покращити читабельність і доступність вмісту веб-сторінки.

Ви можете додавати таблиці до HTML-документів і веб-сторінок за допомогою HTML-елемента <table>. Таблиця HTML складається з одного елемента <table> та одного або кількох елементів <tr>, <th> і <td>, які визначають рядок, заголовок та клітинку таблиці. Елемент <table> може містити глобальні атрибути, такі як style, align, border, width тощо:

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

Додати таблицю до HTML-документа на C#

Якщо ви хочете програмно створити та додати таблицю до HTML, перегляньте приклад коду C# нижче. Цей код створює HTML-таблицю з 3 рядками та 4 стовпцями, заповнює кожну комірку вмістом із зазначенням її позиції та додає таблицю до 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");
    }

Кроки для створення таблиці HTML

У цьому прикладі створюється новий елемент таблиці HTML, встановлюються атрибути, а таблицю додається до документа HTML. Результатом є змінений HTML-документ із доданою таблицею:

1. Завантажте документ HTML за допомогою одного з конструкторів HTMLDocument() .
2. Створіть новий елемент таблиці за допомогою методу CreateElement() .
3. Встановіть атрибути для таблиці, такі як border, align, width і style.
4. Використовуйте методи InsertRow() і InsertCell() , щоб додати рядки та клітинки до таблиці HTML.
5. Використовуйте властивість TextContent класу Element для представлення текстового вмісту комірки. Будь-яке значення, призначене цій властивості, відображатиметься як вміст клітинки в таблиці HTML.
6. Додайте новий елемент таблиці до документа HTML. Використовуйте метод AppendChild() класу Node, щоб додати таблицю в кінець списку дочірніх елементів тіла документа.
7. Викличте метод Save() , щоб зберегти змінений HTML-документ із доданою таблицею.

Щоб дізнатися більше про API Aspose.HTML, відвідайте наш посібник із документації . Стаття документації Редагувати HTML-документ містить основну інформацію про те, як читати або редагувати об’єктну модель документа за допомогою Aspose.HTML для . NET API. Ви дізнаєтеся, як створювати елементи HTML і як з ними працювати – змінювати документ, вставляючи нові вузли, видаляючи або редагуючи вміст існуючих вузлів.

Генератор таблиць HTML – онлайн-застосунок

Aspose.HTML пропонує Генератор таблиць HTML – онлайн-програму для створення таблиць із настроюваними параметрами. Це безкоштовно та зрозуміло у використанні. Просто заповніть усі необхідні параметри та отримайте результат! Генератор таблиць HTML автоматично створює код таблиці HTML. Цей інструмент був розроблений, щоб дозволити вам отримати необхідну таблицю HTML і якомога швидше розмістити її онлайн.