Генератор HTML-таблиц онлайн
Генератор HTML-таблиц: вставка данных из Excel и CSV, редактирование, сложные шапки, объединение ячеек, оформление и экспорт HTML/CSS.
Создайте таблицу для сайта с нуля или вставьте данные из Excel, Google Таблиц и CSV. Настройте оформление и шапку, объедините нужные ячейки и проверьте результат. Готовую таблицу можно скопировать как HTML и CSS или скачать отдельной страницей.
ДАННЫЕ. ПОРЯДОК. ГОТОВЫЙ HTML.
Соберите понятную таблицу
Вставьте данные из Excel, начните с примера или заполните ячейки сами. Настройте оформление и заберите таблицу для своего сайта.
Загрузить пример
Пример заменит данные, сохранив оформление. Действие можно отменить.
Вставить данные из Excel, Google Таблиц или CSV
Скопируйте диапазон ячеек или строки CSV. Сначала проверьте результат, затем примените его к таблице.
Применение заменит текущие данные. Оформление сохранится; замену можно отменить.
Ваша таблица
Нажмите ячейку и вводите обычный текст. На узком экране таблицу можно прокрутить по горизонтали.
Это та же ячейка — удобно редактировать длинный текст на телефоне.
Объединение ячеек
Выбрано: A1
Нажмите первую ячейку, затем вторую с Shift. На телефоне задайте конец диапазона ниже.
Объединение соединит текст с переносами строк. При разделении весь текст останется в первой ячейке; «Отменить» восстановит исходные значения.
Готовый код
БЕЗ БИБЛИОТЕКHTML в панели используйте вместе с CSS. Скачанный HTML — готовая страница с оформлением внутри.
Структура
Первая строка входит в общее число. Значения изменятся только после применения.
Шапка может занимать до пяти строк. Текст сохраняется; объединения через её новую границу будут разделены.
Строка 1
Столбец A
Действия относятся к строке и столбцу выбранной ячейки.
Оформление
Стили меняют только внешний вид. Данные сохраняются.
На телефоне редактор показывает минимум 16 px; экспорт сохранит выбранный размер.
Цвета и столбец
От данных к готовой странице
- 01
Заполните таблицу
Возьмите пример или вставьте диапазон из Excel. Проверьте разделитель и отметьте, есть ли заголовки в первой строке.
- 02
Сделайте её читаемой
Выберите стиль, добавьте понятное название. Числа удобно выровнять справа, короткие значения — по центру.
- 03
Перенесите на сайт
Скопируйте HTML вместе с CSS или скачайте готовую страницу. Обёртка сохранит горизонтальную прокрутку большой таблицы на телефоне.
Полезные ответы
Можно вставить таблицу из Excel или Google Таблиц?
Да. Скопируйте диапазон и вставьте в блок преобразования выше. Обычно такие данные разделены табуляцией. Нажмите «Проверить данные», затем «Применить к таблице».
Как обрабатываются CSV и кавычки?
Поддерживаются запятая, точка с запятой и табуляция. Разделитель и перенос строки внутри кавычек остаются частью ячейки. Две кавычки подряд внутри кавычек означают одну кавычку. Если автоматический выбор не подходит, укажите разделитель вручную.
Что произойдёт при уменьшении таблицы?
Лишние строки и столбцы будут удалены только после применения размеров. Перед этим появится предупреждение. Кнопка «Отменить» возвращает предыдущее состояние; хранится до 20 действий в текущей странице.
Можно использовать формулы, HTML или объединять ячейки?
Ячейки содержат обычный текст. Формулы не вычисляются, HTML отображается как текст. Прямоугольные области можно объединять и разделять; объединение не должно пересекать границу шапки и данных. Лимит — 50 строк, 20 столбцов и 2000 символов в одной ячейке.
Данные сохраняются или отправляются на сервер?
Обработка происходит в браузере без отправки данных. После закрытия или перезагрузки настройки не сохраняются, поэтому скачайте результат заранее.
Для других деталей оформления попробуйте генератор CSS-градиентов и генератор скруглений и теней.