dkv01

Помогите адаптировать таблицу

Recommended Posts

Здравствуйте. 

На странице есть таблицы(адаптивные). Проблема в том, что при маленькой ширине экрана(к примеру на мобильных устройствах) они не убираются.
Прописал в css:   

     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;

В итоге получил это(текст не переносится, на конце троеточие):
  Снимок экрана 2016-12-30 в 3.07.51.png

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

Share this post


Link to post
Share on other sites

я бы сделал одну строку в три, например
____________________________
С-4      | 3 января      |  потоплена
№ 112 | 17 сентября | 4 января
277     | 27 ноября    |                      

надеюсь идея ясна

Share this post


Link to post
Share on other sites

Всем спасибо. Разобрался.

Единственный нюанс, на мобильном устройстве scrollbar не отображается. Таблицу можно "перемещать" для просмотра пальцем.
Как бы реализовать подсказку, что таблицу можно перемещать по экрану ? Но только для мобильных устройств! 

Edited by dkv01

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By azaqwerty
      Здравствуйте! Не могу сделать импорт в sass. Не могу понять в чем дело? По урокам делал, как все показывали, но не выходит! Импорт для оптимизаций и адаптаций сайта 




    • By Marking
      проблема в том, что если я пишу путь так(через /) :
      <script src="/js/mainjs.js"></script> то гугл сообщает об ошибке, якобы файл не найден. Хотя файл html и папка js лежат в одном файле.
      как быть?
      PS если указать полный путь к js то все работает. 
  • Member Statistics

    46,514
    Total Members
    3,128
    Most Online
    e1pavlovitch
    Newest Member
    e1pavlovitch
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.