Отзивчив генератор на HTML таблици — Mobile Scroll
Създайте визуално HTML таблица, като щракнете върху клетки и пишете — вземете чисто, семантично маркиране на таблица с предварителен преглед на живо, без формат за поставяне или конвертиране.
Резултат
Тази страница отваря конструктора на таблици с вече попълнена широка проба от седем колони и вече включена адаптивна обвивка, така че можете да видите незабавно корекцията в действие.
Широките таблици са един от малкото елементи, обикновеният отзивчив CSS не може да преформатира – текстът се обвива, но колоните не, така че таблица с шест или повече колони или препълва екрана, или свива всяка клетка до нечетливо малка на телефона. Опаковането на таблицата в div с overflow-x: auto я поддържа в естествената й ширина и позволява на посетителя да я превърта настрани, вместо да нарушава оформлението на страницата.
Добавете или премахнете колони, за да съответстват на вашите собствени данни, щракнете върху която и да е клетка, за да я редактирате, и копирайте готовото маркиране — div за обвивка се добавя само докато това квадратче е включено, така че можете да сравнявате обвития и разопакования HTML един до друг.