web-dev-qa-db-ja.com

JQuery DataTablesを使用して多くの列を表示する

大きなドキュメントアーカイブがあります。これは、Cassandraデータベースが、各アイテムに対して列名と列値が格納されているアイテムを格納する方法と同様に構築されます。

これにより、多くの列にアクセスできるようになります。これは、WebPartsを使用した古いシステムでの外観です。

Using WebParts

現在、Bootstrap Accordianを使用して、各「行」にその行に適用可能な列のみをロードしています。

Using bootstrap Accordian

ただし、この構成では、データの並べ替えやフィルタリングが無効になります。

JQuery DataTablesのようなものを使用してこれを実行したいのですが、そこに非常に多くの列を配置する必要がある場合に、ユーザーにデータをどのように提示できるかわかりません。何か案は？

これもBootstrapレイアウトに基づいてモバイルフレンドリーであるため、このテーブルも同様にする必要があります。

layouttablesinfo-visualisationhtml
5
MB34

ユーザーがこのテーブルで何を達成しようとしているのか知っていますか？すべての列が必要であることを確信していますか？ 「はい、列が多ければ多いほど、すべてのユーザーが何でもできる」と仮定するのは簡単です。実際には、ユーザーが必要とする列は2、3しかありません。私の経験では、多くの列を持つテーブルがありましたが、実際にユーザーと話し合ったところ、それらの多くは使用されておらず、貴重なスペースを取っているだけでした。したがって、私は、ユーザーがあなたのプレゼンテーションの情報を使って何をしようとしているのかを最初に調べることをお勧めします。

以下は、特定のユーザーグループに合わせてテーブルを調整する方法の一部です。

  1. 列のカスタマイズ enter image description here
  2. 異なるテーブルタイプ（異なる列を表示） enter image description here
  3. キー列を表示し、ユーザーがテーブルをフィルターできるようにする

enter image description here

2
Anna Rouben