JavaScript/jQuery PivotGrid API

The PivotGrid is a UI component that allows you to display and analyze multi-dimensional data from a local storage or an OLAP cube.

import PivotGrid from "devextreme/ui/pivot_grid"

Start Tutorial View Demo

Configuration

This section describes the configuration properties of the PivotGrid UI component.

Name	Description
allowExpandAll	Allows users to expand/collapse all header items within the same header level. Ignored if the PivotGridDataSource's paginate property is true.
allowFiltering	Allows a user to filter fields by selecting or deselecting values in the popup menu.
allowSorting	Allows an end-user to change sorting properties.
allowSortingBySummary	Allows users to sort the pivot grid by summary values instead of field values. Ignored if the PivotGridDataSource's paginate property is true.
dataFieldArea	Specifies the area to which data field headers must belong.
dataSource	Binds the UI component to data.
disabled	Specifies whether the UI component responds to user interaction.
elementAttr	Specifies the global attributes to be attached to the UI component's container element.
encodeHtml	Specifies whether HTML tags are displayed as plain text or applied to cell values.
export	Configures client-side exporting.
fieldChooser	The Field Chooser configuration properties.
fieldPanel	Configures the field panel.
headerFilter	Configures the header filter feature.
height	Specifies the UI component's height.
hideEmptySummaryCells	Specifies whether or not to hide rows and columns with no data.
hint	Specifies text for a hint that appears when a user pauses on the UI component.
loadPanel	Specifies properties configuring the load panel.
onCellClick	A function that is executed when a pivot grid cell is clicked or tapped.
onCellPrepared	A function that is executed after a pivot grid cell is created.
onContentReady	A function that is executed when the UI component's content is ready and each time the content is changed.
onContextMenuPreparing	A function that is executed before the context menu is rendered.
onDisposing	A function that is executed before the UI component is disposed of.
onExporting	A function that is executed before data is exported.
onInitialized	A function used in JavaScript frameworks to save the UI component instance.
onOptionChanged	A function that is executed after a UI component property is changed.
rowHeaderLayout	Specifies the layout of items in the row header.
rtlEnabled	Switches the UI component to a right-to-left representation.
scrolling	A configuration object specifying scrolling properties.
showBorders	Specifies whether the outer borders of the grid are visible or not.
showColumnGrandTotals	Specifies whether to display the Grand Total column.
showColumnTotals	Specifies whether to display the Total columns.
showRowGrandTotals	Specifies whether to display the Grand Total row.
showRowTotals	Specifies whether to display the Total rows. Applies only if rowHeaderLayout is "standard".
showTotalsPrior	Specifies where to show the total rows or columns.
stateStoring	A configuration object specifying properties related to state storing.
tabIndex	Specifies the number of the element when the Tab key is used for navigating.
texts	Strings that can be changed or localized in the PivotGrid UI component.
visible	Specifies whether the UI component is visible.
width	Specifies the UI component's width.
wordWrapEnabled	Specifies whether long text in header items should be wrapped.

Methods

This section describes the methods that can be used to manipulate the PivotGrid UI component.

Name	Description
beginUpdate()	Prevents the UI component from refreshing until the endUpdate() method is called.
bindChart(chart, integrationOptions)	Binds a Chart to the PivotGrid.
defaultOptions(rule)	Specifies the device-dependent default configuration properties for this component.
dispose()	Disposes of all the resources allocated to the PivotGrid instance.
element()	Gets the root UI component element.
endUpdate()	Refreshes the UI component after a call of the beginUpdate() method.
focus()	Sets focus on the UI component.
getDataSource()	Gets the PivotGridDataSource instance.
getFieldChooserPopup()	Gets the Popup instance of the field chooser window.
getInstance(element)	Gets the instance of a UI component found using its DOM node.
instance()	Gets the UI component's instance. Use it to access other methods of the UI component.
off(eventName)	Detaches all event handlers from a single event.
off(eventName, eventHandler)	Detaches a particular event handler from a single event.
on(eventName, eventHandler)	Subscribes to an event.
on(events)	Subscribes to events.
option()	Gets all UI component properties.
option(optionName)	Gets the value of a single property.
option(optionName, optionValue)	Updates the value of a single property.
option(options)	Updates the values of several properties.
repaint()	Repaints the UI component without reloading data. Call it to update the UI component's markup.
resetOption(optionName)	Resets a property to its default value.
updateDimensions()	Updates the UI component to the size of its content.

Events

This section describes events fired by this UI component.

Name	Description
cellClick	Raised when a pivot grid cell is clicked or tapped.
cellPrepared	Raised after a pivot grid cell is created.
contentReady	Raised when the UI component's content is ready.
contextMenuPreparing	Raised before the context menu is rendered.
disposing	Raised before the UI component is disposed of.
exporting	Raised before data is exported.
initialized	Raised only once, after the UI component is initialized.
optionChanged	Raised after a UI component property is changed.