Доработка таблицы для мобильной версии

Мила

Добрый день!

Нужна доработка таблиц для мобильной версии.

Таблицы на сайте написаны на теге "Table", нужно перевести в DIV.

Есть таблица из 5 колонок, в мобильной версии на экране видны только 2 колонки. Прокрутка не работает, таблица не масштабируется для уменьшения.

Спс!


14 января 2017
  • Это заказ? Тогда вам сюда https://experts.webasyst.ru/

    Если вы ищете решение, вот неплохой плагин для jquery https://datatables.net/ помимо поддержки адаптива много интересных фич.

    Ну или простое решение: добавить родительский div, например, с классом table-wrapper

    .table-wrapper {
      overflow-x:auto;
    }

    Тогда на мобильных таблицы можно будет скроллить отдельно от контента.



Чтобы добавить комментарий, зарегистрируйтесь или войдите