Идеи дизайна для отображения больших объемов данных в html-таблице
-
05-07-2019 - |
Вопрос
У меня есть html-таблица, которая буквально содержит около 30 столбцов данных, и мне сложно оформить ее таким образом, чтобы она была видна без масштабной прокрутки влево / вправо.
Мне было интересно, видел ли кто-нибудь когда-нибудь что-нибудь умное с заголовками столбцов?Некоторые из них просто невозможно достаточно сократить, но заголовок столбца - это что-то вроде "Интервью", а значение - числовое (много пустого места только для заголовка).Конечно, я мог бы попробовать назвать эти столбцы как INT или как угодно еще, но есть много столбцов с похожими именами, которые могут сбить с толку.
Может быть, какое-то автоматическое сворачивание столбцов в зависимости от движения мыши?Не уверен..Мне просто нужно несколько творческих предложений о том, как отобразить эти данные!
Решение
Скорее всего, у пользователя уйдет уйма времени на осмысление 30 столбцов данных, независимо от прокрутки.
Я бы рекомендовал показывать самые основные столбцы (такие вещи, как имя, описание, идентификационные номера - основные материалы, надеюсь, их всего 10 или меньше), а затем позволять пользователю включать или выключать любые столбцы, которые ему нужны.Немного похоже google в квадрате.
Используйте Jquery и CSS, чтобы выполнить это простым способом.Также могут существовать библиотеки пользовательского интерфейса Javascript, которые делают это за вас (Jquery UI, YUI, другие ...)
Другие советы
создайте изображения для названий столбцов и поверните текст на изображении на 90 градусов.затем у вас может быть длинное имя с одинаково малой шириной.
Джош
Я согласен с ответом свирепого, переключение столбцов - хорошая идея.Кроме того, в зависимости от данных я бы рекомендовал отображать только несколько столбцов, и когда пользователь нажимает на интересующую его строку, он переходит на новую страницу, посвященную данным в этой записи.Это будет работать для некоторых типов данных, но не для других