web-dev-qa-db-ja.com

列の多いテーブル

個人の個人的な開発計画のさまざまな属性をリストした表があります。目標、目標を完了するまでの時間、コメントなど。テーブルは編集可能であるため、ユーザーは中間フォームに移動しなくてもコメントを直接追加できます。問題は、クライアントがさらに列を追加することを望んでおり、これが視覚的な表示を台無しにしていることです。

私が持っている選択肢は:

  1. クリックで列を拡張できるようにする
  2. 重要な属性をテーブルに保持し、「高度な編集オプションフォーム」などに残ります
  3. わかりません-何かアイデアはありますか?

もう1つ追加する必要があります。追加の列の追加は、ユーザーのフィードバックに基づいていると思います...

編集:私が行ったことはここにあります table with expandable columns

10
colmcq
  1. ...
  2. ...

  3. テーブルをペインに配置し、ユーザーが水平方向にスクロールして追加の列にアクセスできるようにします。各行のコンテンツを識別する列が必ずnotスクロールして(つまり、行の「ヘッダー」として機能する)、ユーザーが見ているものを追跡できるようにします。

  4. (オプション2のより便利なバージョン)。フォームのようなレイアウトの特定のフィールドに対して、テーブルの下に別の「オーバーフロー」ペインを提供します。これらは、それほど重要ではないフィールド、または行間で比較されないフィールド、またはテーブルに表示するのが面倒な非常に大きなフィールドである可能性があります。ユーザーがテーブル内の行をクリックすると、選択した行の属性値がオーバーフローに自動的に再入力されます。オーバーフローペインを非表示または表示するコントロールを提供することのボーナスポイント。非表示にすることで、テーブルを展開してより多くの行を表示できます。

  5. ユーザーをグループまたは役割に分割し、役割に必要なフィールドのみを表示します。つまり、フィールドを追加したいユーザーは、現在表示しているすべてのフィールドを必要としないため、一部を置き換えることができます。

  6. ユーザーが表示したいフィールドを選択して配置できるようにします。これはオプション3と組み合わせることができます。デフォルトのフィールドセットをさまざまなユーザーグループに提供することで、オプション5を導入することもできます。列1の幅を変更できるようにし、オプション1も少し活用します。セッション間のすべての変更を保持します。

オプション2に関する注記:ユーザーのフィードバックにもかかわらず、これらのフィールドがユーザーにとってほとんど価値がないと確信している場合、これは魅力的です(たとえば、実際には製品をあまり使用していない影響力のある利害関係者の結果です)。 。さらに掘り下げて、ユーザーがこれらのフィールドを必要とする理由を確認することもできます。多分彼らのニーズをよりよく満たす代替ソリューション(例えば、通知または集約フィールド)があります。

7

ここにいくつかの素晴らしい提案があります:

多すぎるデータを表示する方法

5
James Crook

一部の列を単一の列にグループ化するオプションはありますか?たとえば、次の代わりに:

名前、年齢、仕事

あなたは単一の列を持っているでしょう:

ユーザーの詳細
名前:Joe Bloggs
年齢:27
仕事:エンジニア

3
benb

私は最近、多数の列を含む表形式で多くの情報を表示する必要があるプロジェクトに取り組みました。私たちは次のアプローチに従いました-

  • 水平スクロールは避けられません。
  • たくさんのカラムを扱う場合に使用する必要があります。
  • あなたができることは、一度にユーザーに見える列の数を最大化することです。
  • 場合によっては、テーブルヘッダーだけがより多くのスペースを占有し、実際の値はそれをほとんど使用しません。
  • そのため、そのような大きなヘッダーの代わりに頭字語を使用して、列幅を減らすことができます。

私の意見では、必要な列を取得するためにフィルターを適用しない限り、一度に50以上の列を表示してもメリットはありません。したがって、テーブルを読み取り可能なデータに変換するために適用できるいくつかの便利なテクニックは次のとおりです。

1-それらを非表示または表示する場合は、各列の横にチェックボックスを含める機能が必要です。

2-データの頻繁な使用状況に応じて、テーブルの表示モードを含めるようにしてください。つまり、必要な列を取得するために毎回フィルターを適用でき、このフィルターを保存して使用可能な名前を付けることができます。したがって、特定のデータが必要になったときに、保存したフィルターを適用するだけで済みます。以上です。

3-一部の人々はエースで列のデータを切り詰めようとしますその幅は巨大であり、ロールオーバーするとすぐに列の幅が広がります。 (特定のタイプのデータについてのみ推奨されません)。

4-また、FnameやLnameのようにいくつかの列を組み合わせてスペースを削減し、その列を固定することで、テーブルをある程度見やすくすることができます。

最終的には、ビジネスニーズによって、最適なソリューションが実現します。

0
Khalil Hanna