OLAP：PivotPanelのカスタムレイアウト

PivotPanelとCSSグリッドレイアウト

PivotPanelコントロールには、領域セクションの上にフィールドセクションを表示するレイアウトを持ちます。Excelで使用されるデフォルトのレイアウトと同じです。

以下の例は、PivotPanelのデフォルトのcontrolTemplateをCSSグリッドベースのレイアウトを使用するテンプレートに置換します。これにより、少数のCSSルールを調整するだけで、事実上あらゆるレイアウトを実現できます。

積み重ね（デフォルト）レイアウト

横並び

カスタムレイアウト

フィールドのみ

領域のみ（2 x 2）

領域のみ（1 x 4）

各テンプレートを表示するには、デモのカスタムレイアウトを参照してください。