Table View Tutorial. Step 3: Activate Auxiliary UI Elements
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.