@Richard_Ferlow
Веб-программист

Где можно посмотреть примеры красиво-удобно оформленных больших таблиц с данными?

https://yadi.sk/i/aYLznmZbh9A6w во внутренней CRM такого типа таблица открывается в основном разделе.

Хочу web обертку для этих данных сделать, вот хотел бы взглянуть как по уму делают отображение большого типа данных так чтобы и читабельно и красиво?

искал шаблоны всяческих CRM, но в основном что нахожу - там очень мало полей используется.
Возможно да, тут сократить что-то можно, но допустим если сокращать нельзя
  • Вопрос задан
  • 2506 просмотров
Пригласить эксперта
Ответы на вопрос 4
bukinion
@bukinion
web-developer ну и временами BA, UX, UI
Классный вопрос)))Сама задача типографическая, а ныне также и RWD-шная.
Отличная гифка от vis0r вкратце показывает, что именно, и как делать.

Если же по полочкам, да по ссылочкам, то.
Прежде чем заниматься графдизайном таблиц, надо, если потребуется, переосмыслить их и привести информацию в понятному и простому виду: определить структуру информации, выбрать способ отображения, избавиться от всех повторов, есть много разных методов оптимизации таблиц — об этом лучше всех написано у Мильчина. Мильчин, — это советская школа еще, в универе по нему учили. Для вас конкретно: Глава 13. Таблицы и выводы. — Мильчин А., Чельцова Л. Справочник издателя и автора : редакционно-издательское оформление издания.

Типографический аспект верстки можно посмотреть в 15 главе "Типографика. шрифт, верстка, дизайн", Феличи Джеймс, или что говорит "Новая типографика", Я. Чихольд:

8d61eac53511465a82e76f27435e659d.PNG

или "О Шрифте", Шпикерман:

a4f4940a77cd403ba5a253cb1a09c886.PNG

вот оформление таблиц от Эдварда Тафти:

a062573f9d6747a5ae52c1c7125dfca3.PNG

По дизайну и типографике таблиц, в вашем случае, можно попробовать оттолкнуться от Material Design. Там тоже интерактивные таблицы с чекбоксами рассмотрены.

Еще стоит подумать об адаптивности таблиц: отправная точка, или посмотреть реализации в библиотеке паттернов Бреда Фроста, товарища в скафандре, автора подхода "Atomic Design".
P.S.
Только что наткнулся, на jQuery-плагин для таблиц: с адаптивностью! Плюс: сортировка, пагинация, настройка объема вывода строк и т.д.
Ответ написан
zvermafia
@zvermafia
WebDev
Посмотрите этот запрос может поможет...
Ответ написан
PavelK
@PavelK
Тут лучше отдать это дело дизайнеру и юзабелисту.
Например для чекбоксов слишком большие колонки,
несколько полей можно объединить в одно (например стоимость и валюта)
Можно например в одной эм "колонке" сделать несколько чекбоксов, например отмечена, безнал, заблокирована
т.е. сгруппировать.
И получится и не широкая и красивая табличка. Ещё можно чекбоксы иконками заменить.
Т.е. да же не табличка, а что-то типо списка.
В общем для творчества и удобочитаемости целый простор.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы