Customizing Grid Columns

Choose which columns to display in your data grid to focus on the information that matters most. Selecting individual fields, expanding relations to see nested data, and saving your view for later helps you work more efficiently.

[navigate:/products|Open Products|package]

Opening the Column Selector

Open the column selector from two places:

• In the Grid: Click the Columns icon in the last column header of the grid. You can also right-click any column header and select Select columns.
• In the Editor: Use the Settings (cog) icon in the top right corner of the editor header.

Configuring Columns

1. Open the column selector using one of the methods above.
2. In the **Select Columns** dialog, use the **Search columns…** input to find specific fields.
3. Toggle the checkbox next to a column name to show or hide it.
4. For relation fields (like **Brand** or **Category**), click the arrow icon to expand and select specific sub-columns (e.g., **Brand Name**).
5. Click **Apply Changes** to update the view.

Keyboard Shortcuts

Navigate the column selector quickly using your keyboard:

• ↑ / ↓: Move focus between columns.
• → / ←: Expand or collapse relation fields and groups.
• Space: Toggle the selection of the focused column.
• Enter or Ctrl+S: Apply changes and close the dialog.
• PgUp / PgDn: Jump 10 items at a time.
• Home / End: Jump to the first or last item.

Managing Selections

• Reset to Default: Revert the grid to its original column configuration.
• Deselect All: Clear all current selections to start from scratch.

**Tip:** Selecting a relation field itself automatically selects its primary sub-column (e.g., selecting **Brand** will also select **Brand Name**).