Онлайн генератор HTML таблиц

Комментарии: 50

Простой онлайн сервис генерации HTML таблиц с возможностью объединения ячеек. Готовый код можно использовать для вставки на сайт.

Задайте количество строк и колонок. Нажмите кнопку «Создать».
Чтобы объединить ячейки, выделите их мышью и нажмите кнопку «Объединить».
В ячейки можно вписать произвольный текст.

Строк: Столбцов:

Результат генерации: (выделить всё)

Для красивого оформления таблицы используйте CSS стили и псевдоклассы.

Andy Si

03 мар 2015 г.

110072

Темы:

HTML Сервисы

Ещё интересное — 6

Набор анимированных svg-preloader иконок

Плагин jquery для показа и скрытия элементов по клику

Мигающий текст на CSS для привлечения внимания

Увеличение фото на сайте по клику на jquery

Какой движок лучше выбирать для сайта

Конвертор кириллических ссылок в Punicode

Комментарии —

Илья
Илья05 апреля 2015, 06:15# ↓

Не знаю, где написать — напишу здесь. Сам немного балуюсь сайтостроением, но ваш сайт просто радует глаз. Плюс реально полезный контент. Однозначно, в закладки.

ответить
1. Andy Si05 апреля 2015, 10:32# ↑ ↓
  
  Спасибо, Илья.
  
  ответить
дед
дед19 августа 2015, 16:32(был изменён)# ↓

В закладки!!! не сложно написать таблицу самому, а нодо-ли ???

ответить
Костантин
Костантин31 марта 2016, 17:50(был изменён)# ↓

Действительно очень простой генератор, но радует, что Вы внедрили функцию объединения ячеек. Спасибо!

ответить
1. Andy Si31 марта 2016, 21:43# ↑ ↓
  
  Спасибо. Хорошая подборка.
  
  ответить
Комментарий был удален.
As Ekos
As Ekos22 сентября 2016, 18:21# ↓

Спасибо)

ответить
Виталий
Виталий09 февраля 2017, 13:09# ↓

Я наверно выскажу мнение большинства: сайт очень нужный и полезный, выражаю благодарность всем кто создавал сайт и помогал в консультациях. А теперь от себя: я давно занёс этот сайт в личные закладки, и он мне уже во многом помог, это касается MODx, и по таблице: очень нужный генератор, молодец, и большая благодарность!

ответить
1. Andy Si09 февраля 2017, 20:40# ↑ ↓
  
  Большое спасибо за отзыв.
  
  ответить
Ярослав
Ярослав14 марта 2017, 19:24# ↓

Введите функцию скачивания таблицы! Или объясните как её скачать?

ответить
1. Andy Si15 марта 2017, 19:51# ↑ ↓
  
  Выделяете текст в окне с результатом и копируете через горячие клавиши Ctrl+C или обычным способом, правой кнопкой мыши через контекстное меню. Не понимаю в чём проблема.
  
  ответить
Роман
Роман20 мая 2017, 08:18# ↓

Вы что шутите? Потратил полчаса: обьединение ячеек работает некорректно, итоговый код написался не весь. Потерял время.

ответить
1. Andy Si20 мая 2017, 10:54# ↑ ↓
  
  Извини. Всем лень написать две строчки, про то что не работает. Хотя не работает уже давно, а я не замечал.
  
  На сайте была установлена новая версия jQuery, после этого генератор перестал работать. Сейчас всё исправил, снова работает.
  
  ответить
  1. Роман
    Роман21 мая 2017, 04:30# ↑ ↓
    
    Спасибо, удобный сервис, буду пользоваться ;)
    
    ответить
Илья
Илья07 ноября 2017, 06:21# ↓

здравствуйте, мне нужно написать таблицу 1 строка 2 ячейки, 2 строка 1 ячейка, 3 строка 3 ячейки, как это сделать?

ответить
1. Andy Si07 ноября 2017, 09:56# ↑ ↓
  Создаёте таблицу 3 на 6. И объединяете в 1й строке первые 3 ячейки и вторые 3 ячейки. Во 2й строке все ячейки. В 3й строке первую и вторую, третью и четвертую, пятую и шестую.
  
  Вот результат:
```
<table>
    <tr>
        <td colspan="2"></td>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td colspan="4"></td>
    </tr>
    <tr>
        <td></td>
        <td colspan="2"></td>
        <td></td>
    </tr>
</table>
```
  ответить
  1. Илья
    Илья07 ноября 2017, 22:51# ↑ ↓
    
    Спасибо большое)
    
    ответить
Андрей
Андрей13 ноября 2017, 22:13# ↓

Спасибо! Очень помог!

ответить
vikusik
vikusik12 декабря 2017, 13:02# ↓

как скачать таблицу???

ответить
1. Andy Si12 декабря 2017, 13:57# ↑ ↓
  
  Ниже таблицы результат генерирования — html разметка таблицы.
  
  ответить
f&3
f&315 февраля 2018, 11:13# ↓

Я чуть в штаны не наложил от приведения…

ответить
1. Andy Si15 февраля 2018, 12:40# ↑ ↓
  
  Да, есть тут одно, летает иногда ;)
  
  ответить
Sirenya
Sirenya09 марта 2018, 13:54(был изменён)# ↓

Сервис очень помогает, причем не только для вставки html-кода таблицы на сайт. Удобен в качестве альтернативы, когда нет возможности создать таблицу в Excel, например, на телефоне.

ответить
Оксана
Оксана21 марта 2018, 09:17# ↓

Спасибо, всё классно получилось!!! Вы молодец!

ответить
Роман
Роман09 апреля 2018, 14:54# ↓

Здравствуйте! Очень удобный и гениально простой генератор. Было бы здорово, если бы объединенные ячейки можно было разделить обратно, не сбрасывая всё сделанное.

ответить
1. Andy Si09 апреля 2018, 16:40# ↑ ↓
  
  Спасибо за идею, подумаю как можно реализовать.
  
  ответить
Макс
Макс13 мая 2018, 16:04# ↓

Мощный и простой генератор tableed.com
Зацените )

ответить
1. Andy Si13 мая 2018, 21:52# ↑ ↓
  
  Очень круто, если сам сделал :)
  
  ответить
  1. Max
    Max14 мая 2018, 08:10# ↑ ↓
    
    Спасибо. Ага, я программист. Сложно было делать алгоритмы изменения структуры таблицы, я там всю структуру таблы в матрицу перевожу сначала, и вот с матрицей уже можно много че делать ) Хотел просто отойти от шаблонов редактирования таблиц, которые предоставляются визуальными редакторами, и чтобы на планшете удобно было.
    
    ответить
    1. Александр
      Александр07 августа 2018, 15:37# ↑ ↓
      
      много лишнего в полученном коде, лучше вынести предметы таблицы в отдельные классы, имхо…
      
      ответить
Макс
Макс13 мая 2018, 16:04(был изменён)# ↓

Сообщения сдублировались

ответить
Vangig
Vangig22 мая 2018, 11:58# ↓

Супер!
Молодец)
Еще бы и толщину полей задавал… цены бы не было ;)

ответить
Екатерина Елистратова
Екатерина Елистратова27 июня 2018, 09:43(был изменён)# ↓

спасибо

ответить
кирилл
кирилл12 июля 2018, 14:16# ↓

супер

ответить
мария
мария07 сентября 2018, 08:53# ↓

супер

ответить
Николай
Николай13 ноября 2018, 15:09# ↓

Офигенно чистый код, спасибо!

ответить
Михаэль Вейк
Михаэль Вейк28 января 2019, 08:34# ↓

отличный конструктор таблиц))

спасибо Андрей!)

ответить
1. Комментарий был удален.
  1. Andy Si15 марта 2019, 09:20# ↑ ↓
    
    Там тоже самое, причем, спёрли именно у меня. Сами ни на что не способны.
    
    ответить
Александр
Александр07 апреля 2019, 03:49# ↓

Спасибо! Очень экономит время и в отличии от других подобных сервисов не перегружен лишним. Однако возник один нюанс, почему-то все буквы в строчные переводит в коде таблицы после вставки. Вставляешь например «Название» в коде «название» и так далее, и получается что экономлю время на верстке самой таблицы, но трачу его, чтобы буквы на заглавные переделать)

ответить
1. Andy Si07 апреля 2019, 10:16# ↑ ↓
  
  Пасиб за отзыв… посмотрю как время будет, где-то конвертация в строчные буквы была.
  
  ответить
Роман
Роман19 апреля 2019, 13:50# ↓

Скажите, как сделать высоту таблицы в процентах от ширины?

ответить
1. Andy Si19 апреля 2019, 14:25# ↑ ↓
  
  Только js скрипт писать. Стилями и версткой такое не сделать.
  
  ответить
Test
Test28 апреля 2020, 16:26(был изменён)# ↓

Плохо, табуляция пробелами, заглавные буквы становятся строчными

ответить
Гость
Гость14 марта 2021, 13:05# ↓

Классный скрипт.
Почему бы Вам не выложить его на https://github.com/
Я уверен, что он был бы очень востребован, да и защищен авторскими правами!
( в сети я уже нашел его на других сайтах )

ответить
1. Andy Si14 марта 2021, 20:21# ↑ ↓
  
  Его надо дорабатывать тогда и краткую документацию писать. Лень и профита не вижу в этом)
  
  ответить
Ggghhhh
Ggghhhh12 июля 2021, 19:47# ↓

Лицензия:Creative

ответить
1. Andy Si13 июля 2021, 12:25# ↑ ↓
  
  ???
  
  ответить
Антонина
Антонина22 мая 2022, 08:45# ↓

Очень хорошо было бы добавить генерацию вложенных таблиц.

ответить
1. Andy Si23 мая 2022, 09:44# ↑ ↓
  
  Согласен, но вряд ли кто-то оплатит эту доработку.
  
  ответить

Написать комментарий