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

Question

[Irina]

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

Comments

[Антон Литвиненко]

Чаще всего это горизонтальный и вертикальный скролл таблицы в блоке. Ну и фиксированная шапка таблицы часто
Написано только что

Answer 1

[Владимир Коротенко]

Попробуйте любую CRM.
Увидите что и как.
То есть создайте
1. таблицу с базовыми столбцами,
2. возможностью выбора столбцов
3 перетаскиеванием
4 Созданием вьюшек для разных целей и категорий пользователей
5 Используйте master - detail шаблон

Вообще большая таблица признак плохого дизайна.

Comments

[Irina]

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

[Владимир Коротенко]

Irina, кстати ещё один паттерн свертывание столбцов

[Irina]

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

[Владимир Коротенко]

Irina, а что за область и какие данные. Конкретики не надо просто опишите в общих словах, скорее всего это уже кто то делал.

[Irina]

Владимир Коротенко, lms, выгрузка данных по ученикам, оплатам, прохождению обучения и все с этим связанное.

[Владимир Коротенко]

Irina, знакомо. Ну смотрите с crm я практически угадал . Зарегистрируйте тестовый аккаунт на dinamics 365. Выберите sales professional 365 и создайте тестовую организацию. Там очень много идей именно для вас полезных будет. Как с группировкой данных так и с разбивкой по сущьнлстям. Ключи для поиска Microsoft CRM 365

[Irina]

Владимир Коротенко, спасибо, это очень классный совет) Обязательно займусь)

Answer 2

[Роман Якимчук]

Простые правила:

• Текст должен быть обычного размера
  
• Для экономии пространства не делаем огромных отступов (если нужно)
  
• Скролл по горизонтали и вертикали
  
• Sticky-заголовки или колонки для удобства
  
• Если нужно вывести доп. данные, то можно сделать через подсказки при наведении, например
  

Задача чтобы выводились все критические данные и было удобно читать, а всё остальное через интерактив.
У нас есть таблицы с 10-20+ колонок, и тысячи строк, плюс фильтры, сортировки, но показать не могу, NDA.

Если есть время, можно прикрутить управление колонками (скрытие/отображение, изменение размера, и прочее), это значительно упростит пользование таблицей.

Comments

[Irina]

Спасибо за ответ. Большая часть из списка уже используем, в частности скроллы, прилипающие заголовки, подсказки по наведению, фильтрацию и пагинацию.
Думаю есть смысл поработать над уравнением колонками. Спасибо за советы еще раз :)

Answer 3

[HamSter]

Как например на themeforest
Вот один из примеров - data-tables.

Comments

[Irina]

Спасибо!

Answer 4

[Adamos]

Удобство зависит не от размера, а от использования.
Где-то пригодится динамическая сортировка по столбцам, где-то - скрытие ненужного, где-то - draggable на всю таблицу, где-то - навигация стрелками. А где-то надо вовсе избавиться от гигантской таблицы, сделав нормальные фильтры или заменив ее интерактивным графиком.
Но фантазировать об этом, не зная, что это за таблица и как с ней будут работать - пустое увеличение энтропии.

Comments

[Irina]

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