Идеи дизайна для отображения больших объемов данных в HTML-таблице

Question

У меня есть html-таблица, которая буквально содержит около 30 столбцов данных, и мне трудно создать такую ​​структуру, чтобы ее можно было увидеть без масштабной прокрутки влево / вправо.

Мне было интересно узнать, видел ли кто-нибудь что-нибудь умное с заголовками столбцов? Некоторые из них просто не могут быть сокращены достаточно, но заголовок столбца похож на «Интервью», а значение является числовым (много потерянного пространства только для заголовка). Конечно, я мог бы попытаться назвать эти столбцы как INT или как угодно, но есть много столбцов с одинаковыми именами, которые могут запутать.

Может быть, что-то вроде автоматически сворачивающихся столбцов, основанных на движении мыши? Не уверен .. Мне просто нужны креативные предложения по отображению этих данных!

Answer 1

Скорее всего, у пользователя будет чертовское время, охватывающее 30 столбцов данных, независимо от прокрутки.

Я бы порекомендовал показать наиболее фундаментальные столбцы (такие как имя, описание, идентификационные номера - основные вещи, надеюсь, их всего 10 или меньше), а затем позволить пользователю включать или отключать любые необходимые столбцы. Немного похоже на Google в квадрате .

Используйте Jquery и CSS, чтобы добиться этого чистым способом. Также могут быть библиотеки Javascript UI, которые делают это для вас (Jquery UI, YUI, другие ...)

Answer 2

создать изображения для имен столбцов и повернуть текст на изображении на 90 градусов. тогда вы можете иметь длинное имя с одинаково малой шириной.

Josh

Answer 3

Я согласен с ответом от свирепых, переключение столбцов это хорошая идея. Кроме того, в зависимости от данных, я бы рекомендовал отображать только несколько столбцов, и когда пользователь нажимает на интересующую его строку, он переходит на новую страницу, посвященную данным в этой записи. Это будет работать для некоторых типов данных, а не для других