Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Sorting

Sort by:
Department
Location
Budget
 
Department
LocationAscending
BudgetDescending
CollapseCorporate HeadquartersMonterey$1,000,000.00
 CollapseEngineeringMonterey$1,100,000.00
  CollapseConsumer Electronics Div.Burlington, VT$1,150,000.00
    Software DevelopmentMonterey$40,000.00
  CollapseSoftware Products Div.Monterey$1,200,000.00
    Customer ServicesBurlington, VT$850,000.00
    Research and DevelopmentBurlington, VT$460,000.00
    Quality AssuranceMonterey$48,000.00
    Customer SupportMonterey$38,000.00
  FinanceMonterey$40,000.00
 CollapseSales and MarketingSan Francisco$22,000.00
   Field Office: East CoastBoston$500,000.00
  CollapsePacific Rim HeadquartersKuaui$600,000.00
    Field Office: SingaporeSingapore$300,000.00
    Field Office: JapanTokyo$500,000.00
   MarketingSan Francisco$1,500,000.00
   Field Office: CanadaToronto$500,000.00


Automatic column sorting for any data source allows you to sort against an unlimited number of columns, without writing a single line of code. A column's current sort order is indicated by a sort glyph displayed at the column header's right edge. If the column isn't sorted, the sort glyph is hidden.

Click a column's header to sort data against a data column or change the column's sort order. To sort data against multiple columns, click column headers with the SHIFT key pressed down. Clicking a column header with the CTRL key pressed down removes sorting by column's values but preserves other sort conditions.

Set the SettingsBehavior.AllowSort option to true to enable end-user sorting.

The TreeList provides a Client-Side API that enables you to apply sorting on the client. To do this, use the SortBy client method.

Collapse/Expand
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
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxTreeListDemos