Grid Sorting (グリッド並べ替え)
Grid 並べ替えを使用して、特定の列内の値に従って昇順および降順でレコードの順序を示します。Grid 並べ替えは、Ignite UI for Angular Grid 並べ替え機能と視覚的に同じものです。
Grid 並べ替えのデモ
Header Cell Feature (ヘッダー セルの機能)
Sketch で列をソート可能として示すには、Feature Left
または Feature Right
のオーバーライドを使用して、Sorting
に設定します。次に、Sorting State
を Ascending (昇順)、Descending (降順)、または Unsorted (ソートなし) に設定して、ソート順を示します。Figma で列を並べ替え可能として示すには、グリッド ヘッダー セル レイヤー内にある Feature Left
または Feature Right
コンポーネント インスタンスを使用し、Type
プロパティを Ascending、Descending、または Unsorted に設定して並べ替え順序を示します。Adobe XD では、Feature Left
または Feature Right
グループのいずれかを非表示にしてから、その中に Sorting
レイヤーだけを残すことで、少し異なる方法を使用する必要があります。必要に応じて Sorting
レイヤーも表示にできます。次に、使用可能な Component States
を介して、状態を Ascending
または Descending
に切り替えることができます。選択した順序を反映するように列の値を操作することをお勧めします。
その他のリソース
関連トピック:
コミュニティに参加して新しいアイデアをご提案ください。
ページを開く:
GitHub