RealAdmin.ru

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

HTML,Сервисы
Категория: Сайтострой
03 мар 2015 г. в 11:34

Сервис позволяет генерировать html таблицы различной сложности. Создание разметки таблиц ещё никогда не было таким простым. Весь процесс сводится к заданию нескольких параметров и работе мышью.

Для начала задайте количество строк и столбцов для генерируемой таблицы и нажмите кнопку «Создать / Сброс». Чтобы объединить ячейки, выделите их мышью и нажмите одноименную кнопку. Так же можно заранее вписать в клетки произвольный текст. В результате получаем html разметку сгенерированной таблицы без оформления. Остаётся вставить её на сайт.

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

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


Пока это весь функционал сервиса, но если он будет пользоваться спросом, то займусь доработкой и встрою возможность онлайн оформления полученной таблицы. Например, добавлю возможность изменения толщины и цвета границ ячеек, установку разных цветов для чётных и нечётных строк.

Теги:
Посмотрите похожее — 6
Комментарии —
  1. avatar кирилл 12 июля 2018, 14:16 #
    супер
    1. avatar Екатерина Елистратова 27 июня 2018, 09:43(был изменён) #
      спасибо
      1. avatar Vangig 22 мая 2018, 11:58 #
        Супер!
        Молодец)
        Еще бы и толщину полей задавал… цены бы не было ;)
        1. avatar Макс 13 мая 2018, 16:04(был изменён) #
          Сообщения сдублировались
          1. avatar Макс 13 мая 2018, 16:04 #
            Мощный и простой генератор tableed.com
            Зацените )
            1. avatar Simkin Andrew 13 мая 2018, 21:52 #
              Очень круто, если сам сделал :)
              1. avatar Max 14 мая 2018, 08:10 #
                Спасибо. Ага, я программист. Сложно было делать алгоритмы изменения структуры таблицы, я там всю структуру таблы в матрицу перевожу сначала, и вот с матрицей уже можно много че делать ) Хотел просто отойти от шаблонов редактирования таблиц, которые предоставляются визуальными редакторами, и чтобы на планшете удобно было.
                1. avatar Александр 07 августа 2018, 15:37 #
                  много лишнего в полученном коде, лучше вынести предметы таблицы в отдельные классы, имхо…
            2. avatar Роман 09 апреля 2018, 14:54 #
              Здравствуйте! Очень удобный и гениально простой генератор. Было бы здорово, если бы объединенные ячейки можно было разделить обратно, не сбрасывая всё сделанное.
              1. avatar Simkin Andrew 09 апреля 2018, 16:40 #
                Спасибо за идею, подумаю как можно реализовать.
              2. avatar Оксана 21 марта 2018, 09:17 #
                Спасибо, всё классно получилось!!! Вы молодец!
                1. avatar Sirenya 09 марта 2018, 13:54(был изменён) #
                  Сервис очень помогает, причем не только для вставки html-кода таблицы на сайт. Удобен в качестве альтернативы, когда нет возможности создать таблицу в Excel, например, на телефоне.
                  1. avatar f&3 15 февраля 2018, 11:13 #
                    Я чуть в штаны не наложил от приведения…
                    1. avatar Simkin Andrew 15 февраля 2018, 12:40 #
                      Да, есть тут одно, летает иногда ;)
                    2. avatar vikusik 12 декабря 2017, 13:02 #
                      как скачать таблицу???
                      1. avatar Simkin Andrew 12 декабря 2017, 13:57 #
                        Ниже таблицы результат генерирования — html разметка таблицы.
                      2. avatar Андрей 13 ноября 2017, 22:13 #
                        Спасибо! Очень помог!
                        1. avatar Илья 07 ноября 2017, 06:21 #
                          здравствуйте, мне нужно написать таблицу 1 строка 2 ячейки, 2 строка 1 ячейка, 3 строка 3 ячейки, как это сделать?
                          1. avatar Simkin Andrew 07 ноября 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. avatar Илья 07 ноября 2017, 22:51 #
                              Спасибо большое)
                          2. avatar Роман 20 мая 2017, 08:18 #
                            Вы что шутите? Потратил полчаса: обьединение ячеек работает некорректно, итоговый код написался не весь. Потерял время.
                            1. avatar Simkin Andrew 20 мая 2017, 10:54 #
                              Извини. Всем лень написать две строчки, про то что не работает. Хотя не работает уже давно, а я не замечал.

                              На сайте была установлена новая версия jQuery, после этого генератор перестал работать. Сейчас всё исправил, снова работает.
                              1. avatar Роман 21 мая 2017, 04:30 #
                                Спасибо, удобный сервис, буду пользоваться ;)
                            2. avatar Ярослав 14 марта 2017, 19:24 #
                              Введите функцию скачивания таблицы! Или объясните как её скачать?
                              1. avatar Simkin Andrew 15 марта 2017, 19:51 #
                                Выделяете текст в окне с результатом и копируете через горячие клавиши Ctrl+C или обычным способом, правой кнопкой мыши через контекстное меню. Не понимаю в чём проблема.
                              2. avatar Виталий 09 февраля 2017, 13:09 #
                                Я наверно выскажу мнение большинства: сайт очень нужный и полезный, выражаю благодарность всем кто создавал сайт и помогал в консультациях. А теперь от себя: я давно занёс этот сайт в личные закладки, и он мне уже во многом помог, это касается MODx, и по таблице: очень нужный генератор, молодец, и большая благодарность!
                                1. avatar Simkin Andrew 09 февраля 2017, 20:40 #
                                  Большое спасибо за отзыв.
                                2. avatar As Ekos 22 сентября 2016, 18:21 #
                                  Спасибо)
                                  1. Комментарий был удален.
                                    1. avatar Костантин 31 марта 2016, 17:50(был изменён) #
                                      Действительно очень простой генератор, но радует, что Вы внедрили функцию объединения ячеек. Спасибо!

                                      Включил Ваш сервис в свой подробный отчет по созданию таблиц для сайтов: http://infodio.ru/tablica-dlya-sajta.html
                                      1. avatar Simkin Andrew 31 марта 2016, 21:43 #
                                        Спасибо. Хорошая подборка.
                                      2. avatar дед 19 августа 2015, 16:32(был изменён) #
                                        В закладки!!! не сложно написать таблицу самому, а нодо-ли ???
                                        1. avatar Илья 05 апреля 2015, 06:15 #
                                          Не знаю, где написать — напишу здесь. Сам немного балуюсь сайтостроением, но ваш сайт просто радует глаз. Плюс реально полезный контент. Однозначно, в закладки.
                                          1. avatar Simkin Andrew 05 апреля 2015, 10:32 #
                                            Спасибо, Илья.
                                          © REALADMIN.RU   2018 г.
                                          Страница сгенерирована: 0,1547 s | 10 mb.
                                          На каком уровне Вы играете в шахматы?
                                          О П Р О С
                                          Home Question Top