Vue PivotGrid - fieldPanel

The field panel is a component that displays the fields involved in the calculation of grid summaries. It consists of four field areas: column, row, data and filter. Each area holds fields of the corresponding type.

By default, the field panel is hidden. To make it visible, assign true to the visible property. To control the visibility of an individual field area, change the showColumnFields, showRowFields, showDataFields or showFilterFields property respectively.

The field panel partially covers the functionality provided by the field chooser. For example, the user can reorder fields within a single field area or even between them. This capability is controlled by the value of the allowFieldDragging property.

In addition, if the allowSorting and allowFiltering options are true, the user can apply sorting and filtering to fields directly from the field panel.

View Demo

When this option is true, the user can move the fields of the field panel using drag-and-drop. These fields can be moved not only within a particular area, but between areas as well. When this option is false, the field panel simply shows the fields without enabling the user to move them.

The field panel can work on its own or in conjunction with the field chooser. If latter cases, the user can move the fields within the field panel, within the field chooser and between these components as well.

Optionally, you can change the placeholder of the column field area on the field panel. Use the texts.columnFieldArea property for this purpose.

Optionally, you can change the placeholder of the data field area on the field panel. Use the texts.dataFieldArea property for this purpose.

Optionally, you can change the placeholder of the filter field area on the field panel. Use the texts.filterFieldArea property for this purpose.

Optionally, you can change the placeholder of the row field area on the field panel. Use the texts.rowFieldArea property for this purpose.

Any placeholder specified in this object appears only when its field area contains no fields.