Use the wj-pivot-grid and wj-pivot-panel directives to add pivot tables to your AngularJS applications.

Directive and parameter names must be formatted as lower-case with dashes instead of camel-case. For example:

<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>

The wj-pivot-grid directive extends the wj-flex-grid directive and adds support for the following attributes:

items-source

Gets or sets the PivotPanel that defines the view displayed by this PivotGrid.

show-detail-on-double-click

Gets or sets whether the grid should show a popup containing the detail records when the user double-clicks a cell.

custom-context-menu

Gets or sets whether the grid should provide a custom context menu with commands for changing field settings and showing detail records.

collapsible-subtotals

Gets or sets whether the grid should allow users to collapse and expand subtotal groups of rows and columns.

center-headers-vertically

Gets or sets whether the content of header cells should be vertically centered.