• Здравствуйте, уважаемые специалисты! Не могу разобраться с таблицами. Ситуация такова, что мне нужны данные в виде таблицы. Но при нажатии на данные в ней должна открыться информация тоже в виде таблицы. Я создал таблицу с помощью плагина TablePress. Во второй столбец добавил информацию с помощью плагина Simple Spoiler, чтобы информация разворачивалась при нажатии. Все хорошо, но таблица после разворачивания информации уходит за пределы первой таблицы. Подскажите, пожалуйста, есть ли способ сделать, чтобы таблица отображалась корректно, с возможностью адаптировать под мобильные? Или это нереализуемо?

    • Тема изменена 2 года, 2 месяца назад пользователем vas35.
    • Тема изменена 2 года, 2 месяца назад пользователем vas35.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • vas35, привет.

    Подскажите, пожалуйста, есть ли способ сделать, чтобы таблица отображалась корректно, с возможностью адаптировать под мобильные?

    Вам под десктопы-то непросто будет, а уж таблицы в таблицах для мобильных — это вообще за гранью добра и зла.

    Попробуйте сначала добиться адекватного варианта на десктопах через правки в CSS (для начала — ширина вложенных спойлеров, чтобы часть таблицы не «обрезалась», класс spoiler-wrap).

    Понял, спасибо за ответ. Подскажите, пожалуйста, как мне правильно его прописать?

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

    Или другой вариант: убрать для данной страницы сайдбар, чтобы выиграть место под таблицы. Потом растянуть блок с таблицами на 100% ширины страницы и уже стилями добиться более вменяемого (и мелкого) отображения этой вложенности таблиц друг в друга.

    Печально. Задача стоит именно сделать вместе с баром. Только там не 4 вложенных таблицы)))) А 161!!! Я думал, может как-то при открытии расширить таблицу на всю строку (вместе с первым столбцом). Еще уменьшить шрифт. А там может и… Нет?

    А вообще, изначально все выглядит вот так: https://sro-perm.ru/reestrauto/. Только людям не нравится, как работает эта программа. Нужно иметь возможность редактировать все из админки. Плюс ко всему, она хоть и пытается подстроиться по мобилки, но все-равно, неправильно отображается.

    vas35, нууу.. тогда вам придётся сильно мельчить, чтобы всё это вписалось хоть как-то.

    Только там не 4 вложенных таблицы)))) А 161!!!

    Я про структуру 🙂

    1 Таблица
    --1.1 Таблица
    ----1.1.1 Таблица
    ------1.1.1.1 Таблица
    ------1.1.1.2 Таблица
    ------1.1.1.3 Таблица
    ----1.1.2 Таблица
    ----1.1.3 Таблица
    --1.2 Таблица
    --1.3 Таблица
    2 Таблица
    3 Таблица

    Плюс ко всему, она хоть и пытается подстроиться по мобилки, но все-равно, неправильно отображается.

    Такую реализацию я вообще не думаю, что можно вменяемо представить на мобильных.

    Да уж. Не знаю, как и быть теперь. Жалко все бросать теперь. Столько трудов вложил туда. Я пробовал сделать списком. Вообще все идеально. Но, нужно таблицей с поиском и сортировкой.

    ΞX.MI, спасибо за помощь!

    vas35,

    Но, нужно таблицей с поиском и сортировкой.

    Тогда попробуйте через стили решить вопрос, ужав всё что можно. Плохо то, что вам ещё и сайдбар нужен, без него было бы попроще.

    Как вариант, присмотритесь к этому плагину — он довольно популярен, уже есть поддержка мобильных, ну и опций много.

    ΞX.MI, спасибо за помощь!

    Без проблем 🙂

    Пришлось уйти от этого варианта. Сделал по-другому. Теперь из таблицы осуществил переход на новую страницу. А там сделал вкладки с подробной информацией. Вроде удобно получилось. И на мобилках хорошо отображается. В любом случае, большое спасибо. Будут еще вопросы, обязательно вернусь!))

    vas35, круто, что нашли решение 🙂

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Тема «Таблицы WordPress» закрыта для новых ответов.