Resizing Columns - ASP.NET AJAX Tree List Demo

Column resizing mode:

Resizing visualization:

Departments

Budget

Location

Phone1

Phone2

Corporate Headquarters

$1,000,000.00

Monterey

(408) 555-1234

Sales and Marketing

$22,000.00

San Francisco

(415) 555-1234

Field Office: Canada

$500,000.00

Toronto

(416) 677-1000

(416) 555-1234

Field Office: East Coast

$500,000.00

Boston

(617) 555-4234

(415) 555-1234

Pacific Rim Headquarters

$600,000.00

Kuaui

(808) 555-1234

Field Office: Singapore

$300,000.00

Singapore

(606) 555-5486

(606) 555-5786

Field Office: Japan

$500,000.00

Tokyo

(707) 555-1526

(707) 555-5432

Marketing

$1,500,000.00

San Francisco

(415) 555-1234

Finance

$40,000.00

Monterey

(408) 555-1234

Engineering

$1,100,000.00

Monterey

(408) 555-1234

Consumer Electronics Div.

$1,150,000.00

Burlington, VT

(802) 555-1234

Software Development

$40,000.00

Monterey

(408) 555-1234

Software Products Div.

$1,200,000.00

Monterey

(408) 555-1234

Quality Assurance

$48,000.00

Monterey

(408) 555-1234

Customer Support

$38,000.00

Monterey

(408) 555-1234

Research and Development

$460,000.00

Burlington, VT

(802) 555-1234

Customer Services

$850,000.00

Burlington, VT

(802) 555-1234

- Description
- Description
- ASPX
- ASPX
- C#
- C#
- VB
- VB

The DevExpress ASP.NET Tree List (ASPxTreeList) allows end-users to resize columns by dragging the appropriate column header.

The SettingsResizing.ColumnResizeMode property specifies how the ASPxTreeList behaves when an end-user resizes a column. The available options are listed below.

Control – When an end-user changes the width of a column, it changes the width of the control. The width of other columns do not change.
NextColumn – When an end-user changes the width of a column, the width of the next column (to the right) changes. The width of the control does not change.
Disabled – End-users are not allowed to resize columns.

Use the Column resizing mode combo box to see how different property values affect resizing behavior.

Tree List can automatically truncate cell values if they don't fit into cell width. To indicate that the text is clipped, the control displays an ellipsis ('...'). By default, this functionality is disabled, set the AllowEllipsisInText property to true to enable it.

The SettingsResizing.Visualization property defines how the column resizing process is visually indicated. Two modes are available.

In the Live mode, columns are redrawn dynamically during resizing.
In the Postponed mode, columns are redrawn only after the operation has been completed.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.

You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).

Open CS Solution

Open VB Solution

The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxTreeListDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxTreeListDemos

Your Next Great ASP.NET App Starts Here

Get started today and download your 30-day trial of ASP.NET Controls and Libraries (includes 30 days of free technical support).
All demos ship with full source code and are included in the DevExpress ASP.NET distribution. Refer to the Demos and Sample Applications topic to learn more.

DevExpress ASP.NET Controls and Libraries ship as part of DevExpress Universal, DXperience and ASP.NET Subscriptions and are backed by a 60 day unconditional money-back guarantee.
To learn more and obtain pricing information, visit the Compare Features and Pricing webpage. For immediate assistance, contact us by Email at info@devexpress.com or by phone at +1 (818) 844-3383 between 7:30am and 4:30pm Pacific Time.