Skip to main content
BuyLog In
.NET Reporting Tools
Search in…
Docs > Detailed Guide to DevExpress Reporting > Use Report Controls > Use Tables > Manipulate Table Elements
A newer version of this page is available. .
All docs
V21.2
Reporting
Product Information
Get Started with DevExpress Reporting
Create Reports
Detailed Guide to DevExpress Reporting
Introduction to Banded Reports
Bind Reports to Data
Use Report Controls
Add Controls to a Report
Manipulate Report Controls
Bind Report Controls to Data
Use Tables
Table Overview
Bind Table Cells to Data
Manage Table Structure
Manipulate Table Elements
Hide Table Cells
Use Bar Codes
Use Charts
Use Custom Controls
Use Third-Party Controls
Use Report Parameters
Shape Report Data
Arrange Dynamic Report Contents
Customize Appearance
Add Navigation
Provide Interactivity
Add Extra Information
Merge Reports
Use Expressions
Store and Distribute Reports
Globalize and Localize Reports
Reporting API
Visual Studio Report Designer
WinForms Reporting
WPF Reporting
Web Reporting
WinUI Reporting
WCF Report Service
Discontinued Platforms
Localize Reporting Applications
Redistribution and Deployment
API Reference
ASP.NET Core API Reference
Blazor API Reference
Client API Reference
Client API Reference (Web Forms & MVC)
Download CHM

Manipulate Table Elements

  • 3 minutes to read

Select Table Elements

You can click a table cell to select it and access its settings using the Properties window or smart tag. To select multiple cells, hold the SHIFT or CTRL key while clicking cells.

table-control-multiple-selected-cells

Use the arrow that appears when a mouse cursor hovers over the table edges to select an entire row or column.

table-control-select-rows-and-columns

Click the Select All Handler (Select All) handler at the table’s left bottom corner to select the whole table. You can also use this handler to move the table.

Resize Table Elements

Table

Select the table, click and drag the table borders to resize the table. Cell dimensions are changed proportionally.

Columns

  • Click and drag the column border. The adjacent column changes its width so both columns occupy the same width as before. The table width remains the same.

    table-control-regular-resizing

  • Hold the Ctrl key, click and drag the column border. The width of the adjacent column and all subsequent columns is changed. Columns change their widths proportionally, and the table width remains the same.

    table-control-resizing-with-ctrl

  • Hold the Shift key, click and drag the column border. The action shifts adjacent columns, so the table is resized by the same width by which the user resizes the column.

    table-control-resizing-with-shift

You can resize columns equally in a similar way by selecting the columns or the table itself and choosing Distribute Columns Evenly in the context menu.

table-control-distribute-columns-evenly

Rows

  • Click and drag the row border. The adjacent row changes its height so both rows occupy the same height as before. The table height remains the same.

    table-control-row-resizing

  • Hold the Shift key, click and drag the row border. The action shifts adjacent rows, so the table is resized by the same height by which the user resizes the row.

    table-control-row-resizing-with-shift

You can set the same size for multiple table rows. Select the rows or the whole table, right-click the selected area and choose Distribute Rows Evenly.

table-control-distribute-rows-evenly

If the cell’s content is partially visible in the resulting row, this row automatically increases its height to fit its content and also adjusts the other rows accordingly.

Reorder Table Rows and Cells

You can change the order of table rows and cells. Switch to the Report Explorer window, select a row or cell and drag it to a new position.

The Report Explorer highlights the possible drop targets when you drag an element over them.

Note

You can move table rows and cells only within the same parent control.

Apply Styles to Table Elements

Select a table element and switch to the Properties window. Expand the Styles group and set the Style property to the style name.

design-time-select-style

As an alternative, you can drag a style from the Report Explorer onto an element.

design-time-drag-style

Stretch Table Cells

You can stretch a cell so that it occupies several rows and columns.

  • Stretch a cell across several columns
    Press DELETE or select Delete | Cell in the context menu to remove a neighboring cell, and resize the remaining cells.

    table-control-cell-column-span

  • Stretch a cell accross several rows

    Use the XRTableCell.RowSpan property to specify the number of rows the table cell spans.

    table-control-cell-row-span

    Note

    The XRTableCell.RowSpan property has no effect if spanned cells have different widths.