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

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

[historydev]

Ну таблицы вряд ли будут юзать 12-ти лет дети, просто делайте всё х10 проще чем хотелось бы, чтобы дед из Махачкалы понял что к чему)

Comments

[Irina]

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

[historydev]

Irina, так огромные они только от данных становятся, есть шаблон который тупа повторяется и всё, 1 колонка, 1 столбец, 1 ряд - вот всё что нужно сделать 1 раз и дальше оно будет дублироваться с данными

[Irina]

Да мне не надо как делать таблицы :) Мне нужен пулл примеров реализации) Посмотреть уже готовые примеры решений, кто как подошел к решению проблемы.

[historydev]

Irina, откройте exel и смотрите, а если вы сомневаетесь в профессиональности microsoft - гугл в помощь

[Irina]

Владимир, спасибо за ответ) хотя он достаточно пассивно-агрессивный, но хотя бы.

[historydev]

Irina, Хотя бы первую страницу в гугле посмотрите, а потом вопросы подобного рода выкатывайте, тогда не будет пассивной агрессии в сторону вашего высочества)

[Irina]

Владимир, другого ответа здесь я и не ожидала :) классика жанра.

[vada]

Irina, посмотрите таблицы в notion. Конечно, это бд, но суть в том, что в ячейки таблицы можно "вкладывать" данные, вызываемые по клику на кнопке в ячейке. Туда можно выводить данные, скрытые в столбцах. То есть: в таблицу выводятся все данные -> часть столбцов скрывается -> одна из ячеек строки имеет функционал показа данных из скрытых столбцов (попап, к примеру).

Answer 5

[Adamos]

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

Comments

[Irina]

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