irina_zorg
@irina_zorg
HTML/CSS верстальщик

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

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

Вообще большая таблица признак плохого дизайна.
Ответ написан
Простые правила:

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


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

Если есть время, можно прикрутить управление колонками (скрытие/отображение, изменение размера, и прочее), это значительно упростит пользование таблицей.
Ответ написан
HamSter007
@HamSter007
HTML/CSS верстальщик
Как например на themeforest
Вот один из примеров - data-tables.
Ответ написан
HistoryART
@HistoryART
Надзиратель
Ну таблицы вряд ли будут юзать 12-ти лет дети, просто делайте всё х10 проще чем хотелось бы, чтобы дед из Махачкалы понял что к чему)
Ответ написан
Adamos
@Adamos
Удобство зависит не от размера, а от использования.
Где-то пригодится динамическая сортировка по столбцам, где-то - скрытие ненужного, где-то - draggable на всю таблицу, где-то - навигация стрелками. А где-то надо вовсе избавиться от гигантской таблицы, сделав нормальные фильтры или заменив ее интерактивным графиком.
Но фантазировать об этом, не зная, что это за таблица и как с ней будут работать - пустое увеличение энтропии.
Ответ написан
Ваш ответ на вопрос

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

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