Grid Column Hiding (グリッド列非表示)
Grid 列非表示は、グリッドから特定の列を非表示にするために使用します。列を再び表示するためのインターフェイスを提供する最も簡単な方法は、Toolbar を追加することです。Toolbar には、デフォルトで グリッド全体の列の表示を構成できるボタン (コンボと組み合わせ) が含まれます。Grid 列非表示は、Ignite UI for Angular Grid 列非表示機能と視覚的に同じものです。
Grid 列非表示のデモ
![](../images/grid_column_hiding_demo.png)
Toolbar と Header Cell (ツールバーとヘッダー セル)
Grid の列非表示は、グリッド全体の機能を有効にする Column Hiding アクションの Toolbar を追加することで実現できます。ただし、特定の列を非表示としてマークするには、Sketch の各列の Grid Header Cell で Column Hiding
のオーバーライドを設定し、Hidden に設定する必要があります。Figma では、特定の列のグリッド ヘッダー セルを開き、ネストされた Column Hiding
コンポーネントの Feature
プロパティを Hidden
に設定する必要があります。デフォルトでは、状態は Visible に設定されています。Adobe XD では、Column Hiding
レイヤーは Component States
パラダイムを使用して、状態を簡単に切り替えることができます。デフォルト値は Visible です。
その他のリソース
関連トピック:
コミュニティに参加して新しいアイデアをご提案ください。
ページを開く:
GitHub