Створення HTML-елемента <table> онлайн
Генератор HTML Table створює розмітку таблиці за вибраними параметрами рядків, стовпців, заголовка, меж, ширини та вирівнювання. Попередній перегляд, HTML- і C#-код оновлюються одночасно, тому результат можна перевірити перед копіюванням на вебсторінку або в проєкт .NET.
Параметри генератора HTML Table
Інтерактивний генератор підтримує такі елементи керування:
- Rows and columns задають розмір тіла таблиці, а Header row додає окремий
<thead>. - Border визначає стиль, ширину й колір зовнішньої межі таблиці та сітки комірок.
- Width приймає значення у відсотках або пікселях, а Alignment вирівнює таблицю, ширина якої менша за ширину контейнера.
Попередній перегляд і обидві панелі коду оновлюються автоматично. HTML-комірки містять порожні заповнювачі, а C#-комірки отримують підписи рядків і стовпців.
Створення HTML-елемента <table> на C#
Панель HTML Code вище містить розмітку таблиці, створену за поточними параметрами. Панель C# Code нижче показує відповідний програмний процес із Aspose.HTML for .NET .
Згенерований код виконує такі дії:
- Створює
HTMLDocumentі елемент<table>за допомогоюDocument.CreateElement(). - Застосовує вибрані межі, ширину й вирівнювання через
ICSSStyleDeclaration.SetProperty(). - Додає необов’язковий рядок заголовка, рядки тіла та комірки за допомогою
HTMLTableSectionElement.InsertRow()і відповідних операцій із рядками. - Додає таблицю до тіла документа й зберігає
table.htmlметодомHTMLDocument.Save().
Спочатку налаштуйте таблицю, а потім скопіюйте оновлений код у свій проєкт .NET.
Поширені запитання про генератор HTML Table
1. Коли задавати ширину таблиці у відсотках, а коли в пікселях?
Використовуйте відсотки, якщо таблиця має адаптуватися до ширини батьківського контейнера. Пікселі підходять для фіксованої ширини, яка не змінюється разом із навколишнім макетом.
2. Чому зміна вирівнювання таблиці іноді не дає видимого результату?
Вирівнювання ліворуч, по центру або праворуч використовує вільний горизонтальний простір навколо таблиці. Якщо таблиця заповнює всю ширину контейнера, переміщувати її нікуди. Зменште ширину, щоб побачити вибране вирівнювання.
3. Чому межі таблиці не видно в попередньому перегляді?
Межа невидима, якщо її ширина дорівнює 0 або стиль має значення none чи hidden. Виберіть видимий стиль, наприклад solid, dashed або dotted, і встановіть ширину межі більшу за нуль.
4. Таблицю якого розміру можна створити в генераторі?
Можна створити від 1 до 100 рядків тіла та від 1 до 100 стовпців. Якщо ввімкнено Header row, генератор додає окремий рядок заголовка над вибраною кількістю рядків тіла.
5. Чи можна додати згенеровану таблицю до наявного HTML-документа?
Так. Замініть конструктор HTMLDocument без параметрів на new HTMLDocument("input.html"), додайте таблицю до тіла документа або іншого вибраного елемента й збережіть змінений документ у новий файл.
Установлення Aspose.HTML for .NET
Установіть Aspose.HTML for .NET з NuGet за допомогою .NET CLI:
dotnet add package Aspose.HTML
Також можна скористатися інтерфейсом диспетчера пакетів NuGet або виконати Install-Package Aspose.HTML у консолі диспетчера пакетів. Докладні інструкції наведено в
посібнику зі встановлення
. Щоб оцінити API без обмежень ознайомлювальної версії, запросіть
тимчасову ліцензію
.
Пов’язані генератори HTML
Створюйте інші HTML-структури й елементи за допомогою спеціалізованих генераторів.