Example of Default Sorting in ASP.NET MVC Gantt Chart Control

Gantt Chart
Sorting
Default Sorting

This sample demonstrates the Gantt multi-sorting feature. To sort two or more columns, hold the CTRL key, and click the column header.

27
Exterior finishing
5/27/20246/6/20249 days15
29
Add water resistive barrier
5/30/20246/3/20243 days0
28
Cover outer walls and roof in OSB
5/27/20245/29/20243 days30
30
Install roof shingles
6/4/20246/6/20243 days30
31
Install windows
6/4/20246/6/20243 days0
48
Final acceptance
7/11/20247/16/20244 days15
50
Cleanup for occupancy
7/15/20247/16/20242 days0
49
Final inspection
7/11/20247/12/20242 days30
51
Property handover
7/16/20247/16/20240 days0
45
Flooring
7/8/20247/10/20243 days15
47
Tile floor
7/8/20247/10/20243 days0
46
Tile kitchen, bathroom and entry walls
7/8/20247/10/20243 days30
14
Foundation
4/23/20245/8/202412 days23
19
Cure basement walls
5/3/20245/8/20244 days30
16
Dig footer
4/24/20244/25/20242 days0
15
Excavate for foundations
4/23/20244/25/20243 days30
17
Install plumbing grounds
4/26/20245/1/20244 days30
18
Pour a foundation and footer with concrete
5/2/20245/2/20241 day0
20
Framing
5/9/20245/24/202412 days20
23
Add ceiling joists
5/14/20245/16/20243 days30
21
Add load-bearing structure
5/9/20245/13/20243 days30
26
Frame floor decking
5/22/20245/24/20243 days30
25
Frame floor walls
5/22/20245/24/20243 days30
22
Install floor joists
5/14/20245/16/20243 days0
24
Install subfloor panels
5/17/20245/21/20243 days0
38
Interior finsihing
6/12/20247/5/202418 days20
42
Apply primer
6/25/20246/27/20243 days0
40
Install drywall panels
6/17/20246/19/20243 days0
39
Install insulation
6/12/20246/14/20243 days30
44
Install modular kitchen
7/3/20247/5/20243 days30
43
Paint wall and ceilings
6/28/20247/2/20243 days30
41
Spackle
6/20/20246/24/20243 days30
10
Project approval and kick off
4/16/20244/16/20240 days0
5
Project estimation
4/8/20244/15/20246 days15
6
Develop floor plan for estimation
4/8/20244/10/20243 days30
8
Estimation approval
4/15/20244/15/20240 days0
7
List materials
4/11/20244/15/20243 days0
1
Project initiation
4/2/20244/5/20244 days0
2
Identify Site location
4/2/20244/2/20240 days30
3
Perform soil test
4/2/20244/5/20244 days0
4
Soil test approval
4/5/20244/5/20240 days30
9
Sign contract
4/16/20244/16/20241 day30
11
Site wwork
4/17/20244/22/20244 days15
12
Clear the building site
4/17/20244/18/20242 days30
13
Install temporary power service
4/19/20244/22/20242 days0
32
Utilities
5/27/20246/11/202412 days18
35
Electrical utilities
6/4/20246/6/20243 days30
37
Install bathroom fixtures
6/7/20246/11/20243 days30
34
Install HVAC
5/30/20246/3/20243 days0
33
Install internal plumbing
5/27/20245/29/20243 days30
36
Natural gas utilities
6/7/20246/11/20243 days0
Exterior finishing
Add water resistive barrier
Cover outer walls and roof in OSB
Install roof shingles
Install windows
Final acceptance
Cleanup for occupancy
Final inspection
Property handover
Flooring
Tile floor
Tile kitchen, bathroom and entry walls
Foundation
Cure basement walls
Dig footer
Excavate for foundations
Install plumbing grounds
Pour a foundation and footer with concrete
Framing
Add ceiling joists
Add load-bearing structure
Frame floor decking
Frame floor walls
Install floor joists
Install subfloor panels
Interior finsihing
Apply primer
Install drywall panels
Install insulation
Install modular kitchen
Paint wall and ceilings
Spackle
Project approval and kick off
Project estimation
Develop floor plan for estimation
Estimation approval
List materials
Project initiation
Identify Site location
Perform soil test
Soil test approval
Sign contract
Site wwork
Clear the building site
Install temporary power service
Utilities
Electrical utilities
Install bathroom fixtures
Install HVAC
Install internal plumbing
Natural gas utilities

The sorting feature enables you to order data in a particular direction. It can be enabled by setting AllowSorting to true.

To sort a Gantt column, click the column header. The icons (ascending) and (descending) specifies the sort direction of a column.

By default, the multi-sorting feature is enabled in Gantt. To sort multiple columns, hold the CTRL key, and then click the column header. To clear sort for a column, hold the SHIFT key, and then click the column header.

In this demo, multiple sorting enabled on load time by assigning multiple columns into SortSettings property.

Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab