web-dev-qa-db-ja.com

セクションを含むテーブルを並べ替えるためのベストプラクティスは何ですか?

セクションを持つテーブルがある場合、セクションは、たとえば階層を示します。

Name                             Corners                     Perimeter
- Standard Shapes                 7                          105
    Rectangle A                   4                           25
    Triangle B                    3                           23
    Circle C                      0                           57
+ Red Shapes                     34                          235
+ Blue Shapes                    24                          145

テーブルヘッダーの並べ替えで何ができると思いますか?または、最下位レベルの行にもソートを実装するのに適した設計パターンは何ですか?

3
Dina Neishtadt

テーブルパターンに関する この記事 の例が本当に気に入りました。

enter image description here

ヘッダー/合計と明らかに同じ行にあるセルの灰色のテキストは、実際の並べ替え/展開可能なデータと区別するのに役立ちます。この例には並べ替えのコントロールがありませんが、矢印、山形、三角形などを想定しています。列のラベルの横に配置されます。

2
Ashley Richards

入れ子になったテーブルを並べ替えると、各サブセットが並べ替えられると思います。

同じロジックがテーブル/グリッドのグループ化で使用されます-並べ替えは各グループ内のアイテムを並べ替えますが、グループ化に使用されるフィールドの値に基づいてグループを並べ替えることができる別のボタンがあります-チェックアウト この例 =そのライブデモ用。

1

ここにいくつかのオプションがあります

  1. テーブルの見出しの外側にあるソートコントロールについて考えてみましょう enter image description here
  2. 各見出し(メニュー)にオプションを追加します。これにより、1つのパラメーターよりも多くのものを並べ替えることができます enter image description here
0
Anna Rouben

2番目の並べ替えは[名前]の下にあるため、サブセクション名(Standard Shapes)をクリックすると、そのセクションのみの名前並べ替えa-> z/z-> aを切り替えることをお勧めします。この方法では、2つのレベルがあっても、1つのデータポイント(名前)と単一の方法(アルファベット順)でのみ並べ替えられます。

0
danielone