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
V20.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
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
WCF Report Service
Discontinued Platforms
Localize Reporting Applications
Redistribution and Deployment
Reporting in .NET Core 3.x and .NET 5
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 Property Grid or smart tag. To select multiple cells, press and 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 table-control-select-table-button button at the table’s left bottom corner to select the whole table. You can also use this button to move the table.

Resize Table Elements

You can resize a table or its cell by dragging the rectangle drawn on its edge or corner.

The following column resizing modes are supported:

  • Resizing a column changes the next column’s width without affecting the other columns (keeps the table dimensions intact).

    table-control-regular-resizing

  • Resizing a column while holding the CTRL key changes the next columns’ width while maintaining their proportion to the overall table (keeps the table dimensions intact).

    table-control-resizing-with-ctrl

  • Resizing a column while holding the SHIFT key shifts the next columns without changing their size.

    table-control-resizing-with-shift

The following row resizing modes are supported:

  • Resizing a row changes the next row’s width without affecting the other rows (keeps the table dimensions intact).

    table-control-row-resizing

  • Resizing a row while holding the SHIFT key shifts the next rows without changing their size.

    table-control-row-resizing-with-shift

You can set the same size for multiple table columns or rows. Select the required 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.

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

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.