Дизайн мобильного телефона — таблицы данных

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

На веб-сайте легко реализовать таблицу. Вы можете показать, например, 7 столбцов. Но иметь таблицу с 7 столбцами на мобильном устройстве не совсем удобно. Данные в сетке должны будут переносить слова, чтобы отобразить 7 столбцов рядом друг с другом.

  • Итак, каков рекомендуемый способ отображения данных на мобильном устройстве, которые вы обычно показываете в таблице на больших экранах?

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

    • например разделить на несколько экранов?
    • расширяемые контейнеры?
    • ??
  • Можете ли вы дать мне несколько ссылок, где посмотреть на реальные проекты

  • Нужно ли учитывать разные дизайны, потому что я работаю на Android, Windows Phone и iPhone?

Ответы (1)

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

Например , таблица «перекомпоновка»: перекомпоновка

И просто для справки, вы также можете прочитать это: 10+ решений для адаптивных таблиц данных

Что касается разных платформ, да, вы должны придерживаться их настолько, насколько можете. Это не обязательно, но это хорошо для пользователя. Просто загляните на каждый официальный веб-сайт (Material Design, iOS8, Windows Mobile) и посмотрите, как они отображают таблицы и списки.

+1 вы также можете посмотреть @ css-tricks.com/complete-guide-table-element
Одна из ссылок в ответе не работает