wj-pivot-grid ディレクティブとwj-pivot-panel ディレクティブを使用して、AngularJSアプリケーションにピボットテーブルを追加できます。

ディレクティブ名とパラメータ名は、キャメルケースではなく、 小文字とダッシュの形式にする必要があります。次に例を示します。

<wj-pivot-panel
    control="thePanel"
    items-source="rawData">
</wj-pivot-panel>
<wj-pivot-grid
    items-source="thePanel"
    show-detail-on-double-click="false"
    custom-context-menu="true">
</wj-pivot-grid>

wj-pivot-grid ディレクティブは wj-flex-grid ディレクティブを拡張し、次の属性のサポートが追加されています。

items-source

この PivotGrid によって表示されるビューを定義する PivotPanel を取得または設定します。

show-detail-on-double-click

ユーザーがセルをダブルクリックしたときに、グリッドが詳細レコードを含む ポップアップを表示するかどうかを取得または設定します。

custom-context-menu

グリッドが、フィールド設定を変更したり詳細レコードを表示するためのコマンドを含む カスタムコンテキストメニューを提供するかどうかを取得または設定します。

collapsible-subtotals

ユーザーがグリッドで行および列の小計グループの折りたたみと 展開を行えるかどうかを取得または設定します。

center-headers-vertically

ヘッダーセルのコンテンツを垂直方向に中央揃えにするかどうかを取得または設定します。