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

Онлайн генератор HTML таблиц
Комментарии: 50

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

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

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


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


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

Темы:
HTMLСервисы
Ещё интересное — 6
Комментарии —
  1. Илья
    Илья05 апреля 2015, 06:15#
    Не знаю, где написать — напишу здесь. Сам немного балуюсь сайтостроением, но ваш сайт просто радует глаз. Плюс реально полезный контент. Однозначно, в закладки.
    1. Andy Si05 апреля 2015, 10:32#
      Спасибо, Илья.
    2. дед
      дед19 августа 2015, 16:32(был изменён)#
      В закладки!!! не сложно написать таблицу самому, а нодо-ли ???
      1. Костантин
        Костантин31 марта 2016, 17:50(был изменён)#
        Действительно очень простой генератор, но радует, что Вы внедрили функцию объединения ячеек. Спасибо!
        1. Andy Si31 марта 2016, 21:43#
          Спасибо. Хорошая подборка.
        2. Комментарий был удален.
          1. As Ekos
            As Ekos22 сентября 2016, 18:21#
            Спасибо)
            1. Виталий
              Виталий09 февраля 2017, 13:09#
              Я наверно выскажу мнение большинства: сайт очень нужный и полезный, выражаю благодарность всем кто создавал сайт и помогал в консультациях. А теперь от себя: я давно занёс этот сайт в личные закладки, и он мне уже во многом помог, это касается MODx, и по таблице: очень нужный генератор, молодец, и большая благодарность!
              1. Andy Si09 февраля 2017, 20:40#
                Большое спасибо за отзыв.
              2. Ярослав
                Ярослав14 марта 2017, 19:24#
                Введите функцию скачивания таблицы! Или объясните как её скачать?
                1. Andy Si15 марта 2017, 19:51#
                  Выделяете текст в окне с результатом и копируете через горячие клавиши Ctrl+C или обычным способом, правой кнопкой мыши через контекстное меню. Не понимаю в чём проблема.
                2. Роман
                  Роман20 мая 2017, 08:18#
                  Вы что шутите? Потратил полчаса: обьединение ячеек работает некорректно, итоговый код написался не весь. Потерял время.
                  1. Andy Si20 мая 2017, 10:54#
                    Извини. Всем лень написать две строчки, про то что не работает. Хотя не работает уже давно, а я не замечал.

                    На сайте была установлена новая версия jQuery, после этого генератор перестал работать. Сейчас всё исправил, снова работает.
                    1. Роман
                      Роман21 мая 2017, 04:30#
                      Спасибо, удобный сервис, буду пользоваться ;)
                  2. Илья
                    Илья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#
                        Спасибо большое)
                    2. Андрей
                      Андрей13 ноября 2017, 22:13#
                      Спасибо! Очень помог!
                      1. vikusik
                        vikusik12 декабря 2017, 13:02#
                        как скачать таблицу???
                        1. Andy Si12 декабря 2017, 13:57#
                          Ниже таблицы результат генерирования — html разметка таблицы.
                        2. f&3
                          f&315 февраля 2018, 11:13#
                          Я чуть в штаны не наложил от приведения…
                          1. Andy Si15 февраля 2018, 12:40#
                            Да, есть тут одно, летает иногда ;)
                          2. Sirenya
                            Sirenya09 марта 2018, 13:54(был изменён)#
                            Сервис очень помогает, причем не только для вставки html-кода таблицы на сайт. Удобен в качестве альтернативы, когда нет возможности создать таблицу в Excel, например, на телефоне.
                            1. Оксана
                              Оксана21 марта 2018, 09:17#
                              Спасибо, всё классно получилось!!! Вы молодец!
                              1. Роман
                                Роман09 апреля 2018, 14:54#
                                Здравствуйте! Очень удобный и гениально простой генератор. Было бы здорово, если бы объединенные ячейки можно было разделить обратно, не сбрасывая всё сделанное.
                                1. Andy Si09 апреля 2018, 16:40#
                                  Спасибо за идею, подумаю как можно реализовать.
                                2. Макс
                                  Макс13 мая 2018, 16:04#
                                  Мощный и простой генератор tableed.com
                                  Зацените )
                                  1. Andy Si13 мая 2018, 21:52#
                                    Очень круто, если сам сделал :)
                                    1. Max
                                      Max14 мая 2018, 08:10#
                                      Спасибо. Ага, я программист. Сложно было делать алгоритмы изменения структуры таблицы, я там всю структуру таблы в матрицу перевожу сначала, и вот с матрицей уже можно много че делать ) Хотел просто отойти от шаблонов редактирования таблиц, которые предоставляются визуальными редакторами, и чтобы на планшете удобно было.
                                      1. Александр
                                        Александр07 августа 2018, 15:37#
                                        много лишнего в полученном коде, лучше вынести предметы таблицы в отдельные классы, имхо…
                                  2. Макс
                                    Макс13 мая 2018, 16:04(был изменён)#
                                    Сообщения сдублировались
                                    1. Vangig
                                      Vangig22 мая 2018, 11:58#
                                      Супер!
                                      Молодец)
                                      Еще бы и толщину полей задавал… цены бы не было ;)
                                      1. Екатерина Елистратова
                                        Екатерина Елистратова27 июня 2018, 09:43(был изменён)#
                                        спасибо
                                        1. кирилл
                                          кирилл12 июля 2018, 14:16#
                                          супер
                                          1. мария
                                            мария07 сентября 2018, 08:53#
                                            супер
                                            1. Николай
                                              Николай13 ноября 2018, 15:09#
                                              Офигенно чистый код, спасибо!
                                              1. Михаэль Вейк
                                                Михаэль Вейк28 января 2019, 08:34#
                                                отличный конструктор таблиц))

                                                спасибо Андрей!)
                                                1. Комментарий был удален.
                                                  1. Andy Si15 марта 2019, 09:20#
                                                    Там тоже самое, причем, спёрли именно у меня. Сами ни на что не способны.
                                                2. Александр
                                                  Александр07 апреля 2019, 03:49#
                                                  Спасибо! Очень экономит время и в отличии от других подобных сервисов не перегружен лишним. Однако возник один нюанс, почему-то все буквы в строчные переводит в коде таблицы после вставки. Вставляешь например «Название» в коде «название» и так далее, и получается что экономлю время на верстке самой таблицы, но трачу его, чтобы буквы на заглавные переделать)
                                                  1. Andy Si07 апреля 2019, 10:16#
                                                    Пасиб за отзыв… посмотрю как время будет, где-то конвертация в строчные буквы была.
                                                  2. Роман
                                                    Роман19 апреля 2019, 13:50#
                                                    Скажите, как сделать высоту таблицы в процентах от ширины?
                                                    1. Andy Si19 апреля 2019, 14:25#
                                                      Только js скрипт писать. Стилями и версткой такое не сделать.
                                                    2. Test
                                                      Test28 апреля 2020, 16:26(был изменён)#
                                                      Плохо, табуляция пробелами, заглавные буквы становятся строчными
                                                      1. Гость
                                                        Гость14 марта 2021, 13:05#
                                                        Классный скрипт.
                                                        Почему бы Вам не выложить его на https://github.com/
                                                        Я уверен, что он был бы очень востребован, да и защищен авторскими правами!
                                                        ( в сети я уже нашел его на других сайтах )
                                                        1. Andy Si14 марта 2021, 20:21#
                                                          Его надо дорабатывать тогда и краткую документацию писать. Лень и профита не вижу в этом)
                                                        2. Ggghhhh
                                                          Ggghhhh12 июля 2021, 19:47#
                                                          Лицензия:Creative
                                                          1. Andy Si13 июля 2021, 12:25#
                                                            ???
                                                          2. Антонина
                                                            Антонина22 мая 2022, 08:45#
                                                            Очень хорошо было бы добавить генерацию вложенных таблиц.
                                                            1. Andy Si23 мая 2022, 09:44#
                                                              Согласен, но вряд ли кто-то оплатит эту доработку.
                                                            © REALADMIN.RU   2024 г.
                                                            Страница сгенерирована: 0,2163 s | 6 mb.
                                                            На каком уровне Вы играете в шахматы?
                                                            OPROS