Генератор адаптивних HTML‑таблиць — мобільне прокручування
Створіть HTML‑таблицю візуально, клікаючи по клітинках і друкуючи текст — отримайте чисту, семантичну розмітку таблиці з миттєвим попереднім переглядом, без потреби щось вставляти чи конвертувати.
Обробляється повністю у вашому браузері — те, що ви тут вводите, ніколи не вивантажується.
Результат
Про цей інструмент
Ця сторінка відкриває конструктор таблиць із уже заповненим широким прикладом на сім стовпців і ввімкненою адаптивною обгорткою, тож ви одразу бачите виправлення в дії.
Широкі таблиці — один із небагатьох елементів, які звичайний адаптивний CSS не може переформатувати: текст переноситься, а стовпці — ні, тому таблиця з шістьма чи більше стовпцями або виходить за межі екрана, або стискає кожну клітинку до нерозбірливого розміру на телефоні. Обгортання таблиці в div із властивістю overflow-x: auto зберігає її природну ширину й дозволяє відвідувачу прокручувати її вбік, не порушуючи макет сторінки.
Додавайте чи видаляйте стовпці відповідно до власних даних, клікайте по будь-якій клітинці, щоб редагувати її, та копіюйте готову розмітку — обгортковий div додається, лише коли цей прапорець увімкнено, тож ви можете порівняти HTML з обгорткою та без неї поруч.