VCL Data Grid and Editors

Table View

Column Layout

Table Views provide you with numerous column layout options so you can deliver a solid and consistent experience to your end-users.

  • Customizable Column Width
    End-users can resize columns by dragging their rightmost edges. You can prohibit column sizing for the entire View or for each individual column. You can also specify the minimum width allowed for a given column.
  • Auto Column Width
    The Auto-Width feature ensures that the total column width always matches the View's width. Whether you resize the entire grid control or individual columns within it, Auto-Width guarantees proportional spacing is maintained for all the columns within the View.
  • Fixed Column Width
    The ExpressQuantumGrid allows you to specify a constant width for a given column. End-users will be unable to resize the column, and the column's width will not change when enabling or disabling the Auto-Width feature. This capability can be quite useful for columns that display glyphs or buttons.
  • Customizable Column Visibility and Display Order
    End-users can easily customize the column order by dragging column headers within the column header panel. Dragging a column header outside of the column header panel hides the column. By using the Customization form, end-users can display any hidden column via drag and drop. Alternatively, the column visibility can be toggled within the dropdown checklist which can be invoked by clicking the Quick Column Customization button located in the indicator section. With the ExpressQuantumGrid v6, your end-users are also able to reorder columns in a View by dragging the corresponding items in the Quick Column Customization dropdown.
  • Best Fit
    Double-clicking a column's rightmost edge forces a column to adjust its width so that all the values within the column are fully displayed without truncation. Best Fit can be applied to all columns at the same time via a context menu. Combined with Auto-Width, the Best Fit feature ensures that all columns are resized proportionally to correctly display their content.

Row Layout

To help you display data in a more readable and convenient format and to ensure flexibility for end-users at runtime, the ExpressQuantumGrid provides numerous row height and row interval customization options, including:

  • Customizable Row Height
    By default, row height is calculated automatically to fit a single line of text. You can specify a custom row height by changing just a single property.
  • Automatic Row Height Calculation
    Grid Views can calculate row height automatically to fully display row data regardless of the column width.
  • Manual Row Height Calculation
    You can implement custom row height calculations by handling an event designed especially for this purpose.
  • End-User Row Resizing
    By changing a single option, end-users can resize rows by dragging their bottom-most edge within the View's indicator area.
  • Row Separators
    To visually branch data rows, you can create intervals between them.

Preview Sections

Grid Views allow you to display MS Outlook® style preview sections under or above each data row. These sections provide a perfect way in which to display large memo fields:

  • Displaying Memo Field Values
    To display a text field's values within the preview section, you must enable the preview section and specify the required column name to which the field is bound. This is done via the View's Preview.Visible and Preview.Column properties.
  • Custom Preview Content
    You can supply custom preview content via the column's OnGetDisplayText event. If you need to display non-textual information within the preview section (such as a combination of text and images), you can use an appropriate in-place editor (for instance, TcxImageComboBox) for the preview column to easily achieve your business objectives or manually paint it.
  • Customizable Preview Height
    You can specify the number of lines used to display preview sections.
  • Automatic Preview Height Calculation
    By changing a single option, the ExpressQuantumGrid can automatically calculate the number of lines required to fully display the contents of the preview section.
  • Additional Layout Options
    The ExpressQuantumGrid provides an option which allows you to position the preview section either under or above each data row. Other relevant options include customizable left and right indents that help you arrange the text within the preview section more precisely.

Cell Merging

You can enhance the readability of data by using the automatic cell merging feature of the ExpressQuantumGrid. When enabled, neighboring column cells that have identical values are merged into a single cell. If a column is sorted, it "groups" similar data together and gives your end-users an alternative manner in which to view information on screen. To apply cell merging to a particular column, use the column's CellMerging property.

  • You can provide a custom algorithm to determine which cells are to be merged. For instance, you can merge cells that hold numeric values with the same sign. To implement custom cell merging, you need to handle the specially designed OnCompareValuesForCellMerging event or its extended version, the OnCompareRowValuesForCellMerging event.

Navigation

The following navigation features are available to you and your end-users:

  • Incremental Search
    If enabled, your end-users can instantly locate any information displayed within individual columns by typing the initial characters of the displayed text, without the need to scroll the entire contents of the grid.
  • Smart Focusing Options
    Force the cell focus to cycle the rows within the view when an end-user navigates beyond the boundary cells, Navigate cells using the Tab or Enter keys - Enabling these options adds intelligence to focusing cells within the grid and for some end-users, natural capabilities to navigate records fast.

More from DevExpress
Live Chat
Have a pre-sales question?
Need assistance with your evaluation?
We are here to help.
Chat is one of the many ways you can contact members of the DevExpress Team. We are available Monday-Friday between 7:30am and 4:30pm Pacific Time.
If you need additional product information, require pre-sales assistance, or want help with your order, write to us at info@devexpress.com or call us at
+1 (818) 844-3383.