# Wijmo_Angular_Olap.Wjpivotgrid ## Content

WjPivotGrid Class

AngularJS directive for the PivotGrid control.

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.

Heirarchy