web-dev-qa-db-ja.com

大きなテーブルのプレゼンテーションの良い例をオンラインで示すことができますか

行だけでなく、大きなテーブルを意味します。本格的なクロス集計表（約20行30列と考えてください。これは、提示するのが難しいため、通常Webサイトには表示されない種類のものです。このサイズで表示しない機会はありません。人々は大きなテーブルを取り、ユーザーがテーブルをすばやくナビゲートできるように提示しました。

overflowtablesexamples
1
The Question

グーグルドキュメントスプレッドシートは素晴らしい実装です。

0
Vitaly Mijiritsky

dataTablesライブラリのいくつかの機能は、垂直スクロールと列のフリーズです： http://datatables.net/extras/fixedcolumns/

Wordpressプラグイン： http://wordpress.org/extend/plugins/wp-table-reloaded/

更新：

  1. 静的テーブル：NYTimesには大きなテーブルの使いやすさを改善する良い例があると思います： http://www.nytimes.com/interactive/2010/11/07/weekinreview/20101107-detailed-exitpolls.html
  2. 以下の私のコメントからの「エラスティックリスト」：著者がそれらをオープンソースライブラリとして公開していることに気づきました。参照 http://well-formed-data.net/archives/510/elastic-lists-revisit -open-source
  3. 複雑なフィルタリング：Tableau Publicには素晴らしい例がいくつかあります：
2
Vera

私は大きなテーブルを読みやすい形式に縮小するためのスパークラインのファンです。

例はここにあります （Source） ：

enter image description here

スパークラインのWikiページもご覧ください

1
JonW

ウェブで例を示すことはできませんが、スプレッドシートプログラムによって「ウィンドウ枠のフリーズ」の問題が解決されました。列や行を固定する機能を追加できます。これにより、ユーザーはテーブルから何を表示するかを選択できます。

Xtremeを使用している場合は、凍結ペインの複数のレイヤーを追加して、ユーザーが行1、35、99、および156を並べて表示し、列1、56、および178を並べて表示することができます。ニースの4x3マトリックス。 :)

コントロールについては、ユーザーが左/右および上/下のページ余白から太い黒線をドラッグして行/列セパレーターにドロップし、列を左/右または上/下の行に固定できるとすばらしいでしょう。

幸運を。

0
Pablo