# Field Panel
URL: https://pro.rv-grid.com/guides/pivot/concepts/field-panel/
Source: src/content/docs/guides/pivot/concepts/field-panel.mdx
Description: Show Pivot row, column, data, and filter fields above the grid.
The Pivot field panel renders the active field layout above the grid. Use it when users need to see or rearrange row, column, data, and filter fields without opening a separate configurator panel.

## Enable It

```ts
const pivot = {
  dimensions: [...],
  rows: ['region', 'rep'],
  columns: ['year', 'quarter'],
  values: [{ prop: 'sales', aggregator: 'sum' }],
  filters: ['year'],
  fieldPanel: {
    visible: true,
    allowFieldDragging: true,
    allowFieldRemoving: false,
    showDataFields: true,
    showRowFields: true,
    showColumnFields: true,
    showFilterFields: true,
    texts: {
      dropFilterFieldsHere: 'Drop Filter Fields Here',
    },
  },
};
```

## Options

- `fieldPanel.visible`: mounts the compact in-grid field panel.
- `allowFieldDragging`: enables drag-and-drop between panel areas.
- `allowFieldRemoving`: enables explicit removal from areas. Default is `false`.
- `showDataFields`, `showRowFields`, `showColumnFields`, `showFilterFields`: toggle individual areas.
- `fieldPanel.texts`: overrides field panel labels and placeholders.
- `filters`: stores the ordered filter fields shown in the filter area.

`fieldPanel.visible` is separate from `hasConfigurator`. Use `fieldPanel.visible` for the compact in-grid field strip, and `hasConfigurator` for the full side configurator.
