Back to Devexpress

Table View Tutorial. Step 3: Activate Auxiliary UI Elements

vcl-171023-expressquantumgrid-tutorials-table-view-tutorial-step-3-activate-auxiliary-ui-elements.md

latest2.4 KB
Original Source

Table View Tutorial. Step 3: Activate Auxiliary UI Elements

  • Oct 23, 2025

In the previous steps you added a grid control to a form, bound its Table View to data, and configured a user-friendly display and layout. This section describes how to enable auxiliary UI elements in a Table View.

This topic explains how to display the following UI elements:

  • “Quick Column Customization” Button
  • View navigator
  • Column header popup menu

Quick Column Customization Button

This button invokes a dropdown with a column checklist. You can reorder the columns and change their visibility.

Set the OptionsCustomize.ColumnsQuickCustomization property to True to add the button.

View Navigator

The View Navigator allows a user to navigate, add, remove, and filter rows.

Expand the Navigator property and enable the following options:

Users can now interact with the View Navigator. Its “Information Panel” section displays the selector row’s index.

Column Header Popup Menu

The image below shows the pre-defined column header popup menu.

Add a TcxGridPopupMenu component to the form and assign cxGrid1 to the component’s Grid property.

Tip

Press Ctrl + H to hide non-visual components that can overlap the View’s content.

The next step describes how to enable your application to sort, filter, and format the displayed data.

See Also

Overview