CSS classes for the OLAP control are as follows:
| Class | Description |
|---|---|
| .wj-pivotpanel | Styles the div host element of the PivotPanel control. |
| .wj-pivotpanel div | Styles all the div elements representing the fields, filters, columns, rows and values sections contained in the pivot panel. |
| .wj-pivotpanel table | Styles the table containing the Filters, Columns, Rows and Values sections of the pivot panel. |
| .wj-pivotpanel tr | Styles the table rows containing the filters, columns, rows and values sections |
| .wj-pivotpanel td | Styles the table cells containing the filters, columns, rows and values sections. |
| .wj-pivotpanel .wj-flexgrid .wj-cell.wj-group | Styles the cells of all the grids contained in the pivot panel. |
| .wj-pivotpanel .wj-flexgrid .wj-aggregate | Styles the aggregate function text displayed in the Values section of the pivot panel. |
| .wj-pivotpanel .wj-flexgrid | Styles all the grids in the pivot panel which are used to represent the list of fields and the values in the filters, columns, rows and values sections. |
| .wj-pivotpanel .wj-flexgrid label | Styles the labels used to display a list of fields in the pivot panel. |
| .wj-pivotpanel table .wj-flexgrid | Styles the grids which are used to represent the values in the filters, columns, rows and values sections. |
| .wj-pivotpanel label | Styles all the labels in the pivot panel, which represents the values and headers in different sections. |
| .wj-pivotpanel .wj-marker | Styles the marker displayed while dragging the fields from one area to other. |
| .wj-pivotpanel .wj-flexgrid .wj-cell | Styles the cells of grids which displayed in pivot panel. |
| .wj-pivotpanel .wj-flexgrid .wj-glyph-filter | Styles the glyph filter of grids which displayed in pivot panel. |
| .wj-pivotpanel .wj-flexgrid .wj-cell.wj-group:not(.wj-header):hover | Styles the cells of all the grids contained in the pivot panel while mouse hover. |
| .wj-pivotpanel .wj-flexgrid .wj-glyph-dimension | Styles the dimension glyphs in the pivot panel. |
| .wj-pivotpanel .wj-flexgrid .wj-glyph-measure | Styles the measure glyphs in the pivot panel. |
| Pivot Field Settings Dialog | |
| .wj-pivotfieldeditor | Styles the field settings dialog. |
| .wj-pivotfieldeditor tr.wj-separator | Styles the area between each input control on the field settings dialog. |
| .wj-pivotfieldeditor td:first-child | Styles the label text displayed for each field setting. |
| Pivot Filter Editor Dialog | |
| .wj-pivotfiltereditor | Styles the filter editor. |
| .wj-pivotfiltereditor .wj-control | Styles the div host element of the control displaying the filter. |
| .wj-pivotfiltereditor .wj-listbox | Styles the div host element of the ListBox control displaying the filter values. |
| .wj-pivotfiltereditor .wj-listbox .wj-listbox-item | Styles the div element representing the list items. |
| Context Menu | |
| .wj-olap-context-menu | Styles the context menu displayed for the values in the Filters, Columns, Rows and Values sections. |
| .wj-olap-context-menu .menu-icon | Styles menu icon displayed for the context menu options. |
| .wj-olap-context-menu .menu-icon.menu-icon-remove | Styles menu icon displayed for the Remove Field option in the context menu. |
| PivotGrid | |
| .wj-pivotgrid | Styles the div host element of the PivotGrid control. |
| .wj-detaildialog .wj-flexgrid | Styles the div host element of the FlexGrid control which is displayed inside the pivot grid detail dialog. |
| .wj-pivotgrid .wj-colheaders .wj-cell.wj-header | Styles the column header cells in the content panel of the PivotGrid. |
| .wj-pivotgrid .wj-topleft .wj-cell.wj-col-field-hdr | Styles the value field header cells in the top-left panel of the PivotGrid, when the ShowColumFieldHeaders or showValueFieldHeaders property is set to True. |
| .wj-pivotgrid .wj-aggregate.wj-cell:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) | Styles the cells that displays aggregate values in the PivotGrid. |
| .wj-pivotgrid .wj-cell.wj-aggregate | Styles the cells that displays aggregate values and the header cells for each of this aggregate value cell in the PivotGrid. |
| PivotChart | |
| .wj-pivotchart | Styles the div host element of the PivotChart control. |
| .wj-pivotchart .wj-flexchart | Styles the div host element of the FlexChart in the PivotChart. |
| .wj-pivotchart .wj-dropdown | Styles the dropdown in chart. |
| Slicer | |
| .wj-slicer > div | Styles the div host element of the Slicer control. |
| .wj-slicer .wj-header | Styles the header of the Slicer control. |
| .wj-slicer .wj-header div:first-child | Styles the div which display header text of the slicer. |
| .wj-slicer .wj-header .wj-btn.wj-state-active | Styles active state of buttons in slicer’s header. |
| .wj-slicer .wj-header .wj-viewer .wj-control .wj-state-active.wj-applybutton | Styles the active state of the apply button in slicer’s header. |
| .wj-slicer .wj-listbox | Styles the div host element of the ListBox control displaying the filter list items in the slicer. |
| .wj-slicer .wj-listbox .wj-listbox-itemlabel | Styles all the labels representing the filter list items in the slicer. |
| .wj-slicer.wj-nocheck .wj-listbox .wj-listbox-item .wj-state-selected | Styles the currently selected filter list item. |
| .wj-listbox-item .wj-state-checked | Styles the currently checked filter list item. |
| .wj-slicer.wj-nocheck .wj-listbox .wj-listbox-item | Styles the filter list items when the ShowCheckboxes property is set to false. |