Grid Column Hiding (グリッド列非表示)

    Grid 列非表示は、グリッドから特定の列を非表示にするために使用します。列を再び表示するためのインターフェイスを提供する最も簡単な方法は、Toolbar を追加することです。Toolbar には、デフォルトで グリッド全体の列の表示を構成できるボタン (コンボと組み合わせ) が含まれます。Grid 列非表示は、Ignite UI for Angular Grid 列非表示機能と視覚的に同じものです。

    Grid 列非表示のデモ

    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 です。

    その他のリソース

    関連トピック:

    コミュニティに参加して新しいアイデアをご提案ください。