Генератор HTML Table

Создать элемент HTML <table> онлайн

Генератор HTML Table создаёт табличную разметку с выбранным количеством строк и столбцов, строкой заголовка, границами, шириной и выравниванием. Предварительный просмотр, HTML-код и C#-код обновляются одновременно, поэтому результат можно проверить до его добавления на веб-страницу или в проект .NET.

Создать элемент HTML <table> на C#

Панель HTML Code содержит разметку таблицы, созданную с текущими настройками. Панель C# Code показывает эквивалентный программный процесс с использованием Aspose.HTML for .NET .

Сгенерированный код выполняет следующие действия:

1. Создаёт HTMLDocument и элемент <table> с помощью Document.CreateElement() .
2. Применяет выбранные границы, ширину и выравнивание через ICSSStyleDeclaration.SetProperty() .
3. Добавляет необязательную строку заголовка, строки тела и ячейки с помощью HTMLTableSectionElement.InsertRow() и соответствующих операций со строками.
4. Добавляет таблицу в body документа и сохраняет файл table.html с помощью HTMLDocument.Save() .

Сначала настройте таблицу, затем скопируйте обновлённый код в свой проект .NET.

FAQ по генератору HTML Table

1. Когда задавать ширину таблицы в процентах, а когда в пикселях?

Используйте проценты, если таблица должна подстраиваться под ширину родительского контейнера. Используйте пиксели, если нужна фиксированная ширина, не зависящая от окружающего макета.

2. Почему изменение настройки Align иногда не видно?

Выравнивание по левому краю, центру или правому краю использует свободное горизонтальное пространство вокруг таблицы. Если таблица занимает всю ширину контейнера, перемещать её некуда. Уменьшите ширину, чтобы увидеть выбранное выравнивание.

3. Почему граница таблицы не отображается в предварительном просмотре?

Граница не отображается, если значение Border равно 0, а в Style выбрано none или hidden. Выберите видимый стиль, например solid, dashed или dotted, и установите толщину больше нуля.

4. Таблицу какого размера можно создать в генераторе?

Генератор поддерживает от 1 до 100 строк тела таблицы и от 1 до 100 столбцов. Если включена настройка Header row, строка заголовка добавляется отдельно и не входит в выбранное количество строк тела.

5. Можно ли добавить созданную таблицу в существующий HTML-документ?

Да. Замените конструктор HTMLDocument без параметров на new HTMLDocument("input.html"), затем добавьте таблицу в body документа или другой выбранный элемент и сохраните изменённый документ в новый файл.

Установка Aspose.HTML for .NET

Установите Aspose.HTML for .NET из NuGet с помощью .NET CLI:

dotnet add package Aspose.HTML

Также можно использовать интерфейс диспетчера пакетов NuGet или выполнить Install-Package Aspose.HTML в консоли диспетчера пакетов. Подробные инструкции приведены в руководстве по установке . Чтобы протестировать API без ограничений ознакомительной версии, запросите временную лицензию .