HTML Table Generator

Редагуйте комірки або імпортуйте CSV/TSV, налаштуйте таблицю, перегляньте результат і скопіюйте готовий HTML.

Дані таблиці

Імпорт CSV або TSV

Вставте дані з CSV-файлу або скопіюйте комірки з таблиці, потім натисніть «Імпортувати дані».

Параметри таблиці

Використовувати перший рядок як заголовки Використовувати першу колонку як заголовки рядків Додати підпис таблиці Показувати рамки комірок Чергувати фон рядків Компактні відступи в комірках Додати горизонтальний scroll для таблиці

Вирівнювання тексту

Оформлення вибраних комірок

Виберіть одну або кілька комірок кнопками у правому верхньому куті.

Заливка Колір тексту

Жирний текст

Рядки

Колонки

Комірки

Статус

Очікує

Live preview

Згенерований HTML

Про HTML Table Generator

Цей інструмент створює semantic HTML-таблиці з редагованої сітки або імпортованих CSV і TSV даних. Він генерує headers, body rows, optional caption та responsive wrapper.

Згенерований snippet використовує inline styles, тому border, spacing, alignment і striped rows працюють одразу після вставки на сторінку.

Як користуватися

Редагуйте комірки напряму або імпортуйте CSV чи TSV дані.
Додайте або приберіть рядки й колонки, потім оберіть параметри таблиці.
Перевірте live preview і скопіюйте згенерований HTML.

Поради

Використовуйте перший рядок як headers, щоб згенерувати accessible thead із scoped th.
Додайте короткий caption, якщо таблиці потрібен додатковий контекст.
Залишайте responsive wrapper увімкненим для широких таблиць на mobile screens.
Після генерації можна використати HTML Attribute Sorter / Cleaner для іншого порядку атрибутів.