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

Прямо сейчас наши сетки визуально не выделяются.

Я ищу несколько примеров визуально привлекательных и легко читаемых «таблиц».

Был бы признателен за подсказку, где найти это...

P.S. ниже приведены некоторые примеры из нашего существующего приложения. Глядя на улучшение этих мудрых презентации.

enter image description here

enter image description here

enter image description here

enter image description here

0
Kendor 6 Июн 2014 в 20:32
Можете ли вы показать свой текущий вид?
 – 
keshav
6 Июн 2014 в 17:33
- я добавил несколько примеров
 – 
Kendor
6 Июн 2014 в 20:32
1
Возможно, вы захотите увидеть мой ответ и соответствующие заданные вопросы: ux.stackexchange.com/questions/42674/…
 – 
Michael Lai
10 Июн 2014 в 04:27
1
Спасибо, Майкл... это именно то, что я искал.
 – 
Kendor
10 Июн 2014 в 19:25

2 ответа

Мой ответ вам: просмотрите макеты CSS для таблиц.

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

Чтобы действительно выделить контент, вы можете выделить его при наведении или предоставить сравнение с предыдущим периодом при наведении всплывающего окна, которое исчезает, когда фокус не находится в фокусе / всплывающие подсказки. Или вы можете предоставить параллельное представление столбцов текущего периода и предыдущего периода.

Этот сайт также может дать некоторые идеи о различных дизайнах таблиц, доступных на рынке. Также попробуйте это

1
Abhilash 24 Июн 2014 в 22:39

Вы можете попробовать просмотреть Tableau. Я использовал их настольное приложение (бесплатная пробная версия), и у них есть несколько действительно хороших инструментов визуализации данных.

Вы также можете проверить extjs. Они не так привлекательны визуально, но в них есть много хороших инструментов сортировки и фильтрации, которые вы можете использовать.

Еще один платный вариант — Infragistics, который создает виджеты пользовательского интерфейса.

Наконец, я лично использовал сетки данных jQuery, простые, с возможностью создания тем и бесплатные.

0
Paul 25 Июл 2014 в 01:10